e30ae8ed09
- App.tsx: full navigation (Auth stack + Main tabs with 5 screens) - Auth: LoginScreen, RegisterScreen, ForgotPasswordScreen - HomeScreen: dashboard with IoT metrics, weather widget, alerts, quick actions, sensors - MapScreen: interactive map with layer toggles (6 layers) - MarketplaceScreen: categories (6), products (5), search - ChatScreen: AI chat with quick prompts (4), bot responses - ProfileScreen: user info, stats, menu (9 items), logout - AlertsScreen: alert list with severity, acknowledge - SensorsScreen: sensor list with type filters (6 types), search - ZonesScreen: zone cards with stats - SettingsScreen: language picker (FR/EN/ES/DE), privacy, about - Stores: iotStore (sensors, zones, alerts), notificationStore, uiStore + i18n - Hooks: useSensors, useAlerts, useNotifications, useLocation - Components: Card, Button, LoadingSpinner, ErrorBoundary, Header - Services: iotService, notificationService (with axios API client) - Utils: formatters (temp, AQI, noise, dates), validators (email, password, IBAN) - Theme: colors.ts with full design system (Blue Ocean palette) - Ditto: fixed MongoDB connection, new JWT secrets, official gateway image
94 lines
3.2 KiB
JavaScript
94 lines
3.2 KiB
JavaScript
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
import * as React from 'react';
|
|
import { I18nManager, Image, Platform } from 'react-native';
|
|
import { accessibilityProps } from './MaterialCommunityIcon';
|
|
import { Consumer as SettingsConsumer } from '../core/settings';
|
|
import { useInternalTheme } from '../core/theming';
|
|
const isImageSource = source =>
|
|
// source is an object with uri
|
|
typeof source === 'object' && source !== null && Object.prototype.hasOwnProperty.call(source, 'uri') && typeof source.uri === 'string' ||
|
|
// source is a module, e.g. - require('image')
|
|
typeof source === 'number' ||
|
|
// image url on web
|
|
Platform.OS === 'web' && typeof source === 'string' && (source.startsWith('data:image') || /\.(bmp|jpg|jpeg|png|gif|svg)$/.test(source));
|
|
const getIconId = source => {
|
|
if (typeof source === 'object' && source !== null && Object.prototype.hasOwnProperty.call(source, 'uri') && typeof source.uri === 'string') {
|
|
return source.uri;
|
|
}
|
|
return source;
|
|
};
|
|
export const isValidIcon = source => typeof source === 'string' || typeof source === 'function' || isImageSource(source);
|
|
export const isEqualIcon = (a, b) => a === b || getIconId(a) === getIconId(b);
|
|
/**
|
|
* An icon component which renders icon from vector library.
|
|
*
|
|
* ## Usage
|
|
* ```js
|
|
* import * as React from 'react';
|
|
* import { Icon, MD3Colors } from 'react-native-paper';
|
|
*
|
|
* const MyComponent = () => (
|
|
* <Icon
|
|
* source="camera"
|
|
* color={MD3Colors.error50}
|
|
* size={20}
|
|
* />
|
|
* );
|
|
*
|
|
* export default MyComponent;
|
|
* ```
|
|
*/
|
|
|
|
const Icon = ({
|
|
source,
|
|
color,
|
|
size,
|
|
theme: themeOverrides,
|
|
testID,
|
|
...rest
|
|
}) => {
|
|
const theme = useInternalTheme(themeOverrides);
|
|
const direction = typeof source === 'object' && source.direction && source.source ? source.direction === 'auto' ? I18nManager.getConstants().isRTL ? 'rtl' : 'ltr' : source.direction : null;
|
|
const s = typeof source === 'object' && source.direction && source.source ? source.source : source;
|
|
const iconColor = color || (theme.isV3 ? theme.colors.onSurface : theme.colors.text);
|
|
if (isImageSource(s)) {
|
|
return /*#__PURE__*/React.createElement(Image, _extends({}, rest, {
|
|
testID: testID,
|
|
source: s,
|
|
style: [{
|
|
transform: [{
|
|
scaleX: direction === 'rtl' ? -1 : 1
|
|
}]
|
|
}, {
|
|
width: size,
|
|
height: size,
|
|
tintColor: color,
|
|
resizeMode: `contain`
|
|
}]
|
|
}, accessibilityProps, {
|
|
accessibilityIgnoresInvertColors: true
|
|
}));
|
|
} else if (typeof s === 'string') {
|
|
return /*#__PURE__*/React.createElement(SettingsConsumer, null, ({
|
|
icon
|
|
}) => {
|
|
return icon === null || icon === void 0 ? void 0 : icon({
|
|
name: s,
|
|
color: iconColor,
|
|
size,
|
|
direction,
|
|
testID
|
|
});
|
|
});
|
|
} else if (typeof s === 'function') {
|
|
return s({
|
|
color: iconColor,
|
|
size,
|
|
direction,
|
|
testID
|
|
});
|
|
}
|
|
return null;
|
|
};
|
|
export default Icon;
|
|
//# sourceMappingURL=Icon.js.map
|