feat: add HBarChart variations to stories (#669)

.storybook/preview.tsx

@@ -1,5 +1,6 @@
 import type { Preview } from '@storybook/react'
 import React from 'react'
+import i18n from 'src/locale/allTranslations'
 
 const preview: Preview = {
   parameters: {
@@ -12,11 +13,14 @@ const preview: Preview = {
     },
   },
   decorators: [
-    (Story) => (
-      <div style={{ direction: 'rtl' }}>
-        <Story />
-      </div>
-    ),
+    (Story) => {
+      i18n
+      return (
+        <div style={{ direction: 'rtl' }}>
+          <Story />
+        </div>
+      )
+    },
   ],
 }
 

src/pages/dashboard/AllLineschart/OperatorHbarChart/OperatorHbarChart.stories.tsx

@@ -0,0 +1,30 @@
+import { Meta, StoryObj } from '@storybook/react'
+import OperatorHbarChart from './OperatorHbarChart'
+
+const meta: Meta<typeof OperatorHbarChart> = {
+  title: 'Components/MapLayers/HbarChart/OperatorHbarChart',
+  component: OperatorHbarChart,
+  tags: ['autodocs'],
+}
+
+export default meta
+type Story = StoryObj<typeof OperatorHbarChart>
+
+const mockOperatorsData = [
+  {
+    name: 'אגד',
+    total: 10,
+    actual: 5,
+  },
+  {
+    name: 'סופרבוס',
+    total: 8,
+    actual: 3,
+  },
+]
+
+export const Default: Story = {
+  args: {
+    operators: mockOperatorsData,
+  },
+}

src/pages/dashboard/WorstLinesChart/LineHbarChart/LinesHBarChart.stories.tsx

@@ -0,0 +1,44 @@
+import { Meta, StoryObj } from '@storybook/react'
+import LinesHbarChart from './LinesHbarChart'
+
+const meta: Meta<typeof LinesHbarChart> = {
+  title: 'Components/MapLayers/HbarChart/LinesHBarChart',
+  component: LinesHbarChart,
+  tags: ['autodocs'],
+}
+
+export default meta
+type Story = StoryObj<typeof LinesHbarChart>
+const mockLines = [
+  {
+    id: '1',
+    short_name: '5',
+    long_name: 'Long Name 1',
+    operator_name: 'אגד',
+    total: 10000,
+    actual: 6000,
+  },
+  {
+    id: '2',
+    short_name: '8',
+    long_name: 'Long Name 2',
+    operator_name: 'אלקטרה אפיקים',
+    total: 10000,
+    actual: 7000,
+  },
+  {
+    id: '3',
+    short_name: '10',
+    long_name: 'Long Name 3',
+    operator_name: 'סופרבוס',
+    total: 10000,
+    actual: 8000,
+  },
+]
+
+export const Default: Story = {
+  args: {
+    lines: mockLines,
+    complement: false,
+  },
+}