@centreon/ui 23.10.1-sync-dev-23-10-x-develop-oss.0 → 23.10.1-sync-release-34346.0

package/src/utils/useLocaleDateTimeFormat/index.ts

@@ -1,6 +1,7 @@
 import dayjs from 'dayjs';
 import humanizeDuration from 'humanize-duration';
 import { useAtomValue } from 'jotai';
+import localizedFormat from 'dayjs/plugin/localizedFormat';
 
 import { userAtom } from '@centreon/ui-context';
 
@@ -20,6 +21,8 @@ export interface LocaleDateTimeFormat {
   toTime: (date: Date | string) => string;
 }
 
+dayjs.extend(localizedFormat);
+
 const dateFormat = 'L';
 const timeFormat = 'LT';
 const dateTimeFormat = `${dateFormat} ${timeFormat}`;

package/src/Graph/LineChart/Legend/Marker.tsx

@@ -1,43 +0,0 @@
-import { equals } from 'ramda';
-import { makeStyles } from 'tss-react/mui';
-
-export enum LegendMarkerVariant {
-  'dot',
-  'bar'
-}
-
-interface StylesProps {
-  color?: string;
-  variant: LegendMarkerVariant;
-}
-
-const useStyles = makeStyles<StylesProps>()((theme, { color, variant }) => ({
-  disabled: {
-    color: theme.palette.text.disabled
-  },
-  icon: {
-    backgroundColor: color,
-    borderRadius: equals(LegendMarkerVariant.dot, variant) ? '50%' : 0,
-    height: equals(LegendMarkerVariant.dot, variant) ? 9 : '100%',
-    marginRight: theme.spacing(0.5),
-    width: 9
-  }
-}));
-
-interface Props {
-  color: string;
-  disabled?: boolean;
-  variant?: LegendMarkerVariant;
-}
-
-const LegendMarker = ({
-  disabled,
-  color,
-  variant = LegendMarkerVariant.bar
-}: Props): JSX.Element => {
-  const { classes, cx } = useStyles({ color, variant });
-
-  return <div className={cx(classes.icon, { [classes.disabled]: disabled })} />;
-};
-
-export default LegendMarker;