react-native-exp-fig 0.1.17 → 0.1.18

package/src/stories/card-history/card-history.stories.tsx

@@ -1,50 +1,53 @@
-import type { StoryObj, Meta } from "@storybook/react";
-
-import { CardHistory } from "../../components/card-history";
-import { theme } from "../../styles/theme/theme";
-
-const meta: Meta<typeof CardHistory> = {
-  title: "componente/CardHistory",
-  component: CardHistory,
-  args: {
-    width: 120,
-    height: 90,
-    title: "Carregamento #01020304050607",
-    backgroundColor: theme.colors.blue[400],
-    handleNavigation: () => {},
-  },
-  parameters: {
-    notes: `
-# CardHistory
-
-Este é um componente de CardHistory.
-Você usa assim:
-\`\`\`tsx
- <CardHistory
-    width={"100%"}
-    title="Carregamento #01020304050607"
-    local="Doca 1, Patío 03 - Usiminas Ipatinga"
-    vehicle="EXP-0000"
-    prevision="12:37 10/03/2025"
-    handleNavigation={() => {}}
-/>
-\`\`\`
-`,
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof meta>;
-
-export const CardHistoryAprovado: Story = {
-  name: "card-history",
-  args: {
-    width: "100%",
-    title: "Carregamento #01020304050607",
-    local: "Doca 1, Patío 03 - Usiminas Ipatinga",
-    vehicle: "EXP-0000",
-    prevision: "12:37 10/03/2025",
-    handleNavigation: () => {},
-  },
-};
+import type { StoryObj, Meta } from "@storybook/react";
+
+import { CardHistory } from "../../components/card-history";
+import { theme } from "../../styles/theme/theme";
+
+const meta: Meta<typeof CardHistory> = {
+  title: "componente/CardHistory",
+  component: CardHistory,
+  args: {
+    width: 120,
+    height: 90,
+    title: "Carregamento #01020304050607",
+    backgroundColor: theme.colors.blue[400],
+    handleNavigation: () => {},
+    status_carregamento: "Concluido",
+  },
+  parameters: {
+    notes: `
+# CardHistory
+
+Este é um componente de CardHistory.
+Você usa assim:
+\`\`\`tsx
+ <CardHistory
+    width={"100%"}
+    title="Carregamento #01020304050607"
+    local="Doca 1, Patío 03 - Usiminas Ipatinga"
+    vehicle="EXP-0000"
+    prevision="12:37 10/03/2025"
+    handleNavigation={() => {}}
+    status={""}
+/>
+\`\`\`
+`,
+  },
+};
+
+export default meta;
+
+type Story = StoryObj<typeof meta>;
+
+export const CardHistoryAprovado: Story = {
+  name: "card-history",
+  args: {
+    width: "100%",
+    title: "Carregamento #01020304050607",
+    local: "Doca 1, Patío 03 - Usiminas Ipatinga",
+    vehicle: "EXP-0000",
+    prevision: "12:37 10/03/2025",
+    handleNavigation: () => {},
+    status_carregamento: "red",
+  },
+};

package/src/utils/get-icon-by-property/index.tsx

@@ -0,0 +1,53 @@
+/**
+ * IMPORTS
+ */
+
+import React from "react";
+import { Icons } from "../../common/icons-svg";
+
+/**
+ * Function that will map property types to corresponding icons in SVG 🛠️.
+ * @param propertyType
+ * @param color
+ * @returns SVG
+ */
+const getIconByProperty: React.FC<any> = (propertyType: string, color?: string) => {
+  switch (propertyType) {
+    case "operacao_veiculo":
+      return <Icons color={color} icon="STEERING_WHEEL" />;
+
+    case "manutencao":
+      return <Icons color={color} icon="GEAR" />;
+
+    case "aguardando_carga":
+      return <Icons color={color} icon="TIMER" />;
+
+    case "disposicao_veiculo_parado":
+      return <Icons color={color} icon="TRUCK" />;
+
+    case "aguardando_descarga":
+      return <Icons color={color} icon="HOURGLASS" />;
+
+    case "descanso":
+      return <Icons color={color} icon="COFFEE" />;
+
+    case "repouso_semanal":
+      return <Icons color={color} icon="HOUSE" />;
+
+    case "repouso_noturno":
+      return <Icons color={color} icon="MOON_STARS" />;
+
+    case "refeicao":
+      return <Icons color={color} icon="CALL_BELL" />;
+
+    case "ferias":
+      return <Icons color={color} icon="ISLAND" />;
+    default:
+      return <Icons color={color} icon="STEERING_WHEEL" />; // Retorna uma Svg default caso o tipo de propriedade não for reconhecido.
+  }
+};
+
+/**
+ * EXPORTS
+ */
+export { getIconByProperty };