LiteFarmOrg · SayakaOno · May 21, 2024 · Apr 23, 2024 · Apr 23, 2024 · Apr 23, 2024
diff --git a/packages/webapp/.storybook/main.cjs b/packages/webapp/.storybook/main.cjs
@@ -1,24 +1,29 @@
 module.exports = {
-  stories: ['../src/stories/**/*.stories.mdx', '../src/stories/**/*.stories.@(js|jsx|ts|tsx)'],
-  "addons": ["@storybook/addon-links", "@storybook/addon-essentials", "@storybook/addon-interactions", '@storybook/addon-a11y'],
-  "framework": {
-    name: "@storybook/react-vite",
-    options: {}
+  stories: ['../src/**/*.stories.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'],
+  addons: [
+    '@storybook/addon-links',
+    '@storybook/addon-essentials',
+    '@storybook/addon-interactions',
+    '@storybook/addon-a11y',
+  ],
+  framework: {
+    name: '@storybook/react-vite',
+    options: {},
   },
-  "features": {
-    "storyStoreV7": true
+  features: {
+    storyStoreV7: true,
   },
   async viteFinal(config) {
     return {
       ...config,
-      plugins: [...config.plugins.filter(plugin => !['@mdx-js/rollup'].includes(plugin.name))],
+      plugins: [...config.plugins.filter((plugin) => !['@mdx-js/rollup'].includes(plugin.name))],
       optimizeDeps: {
         ...config.optimizeDeps,
-        include: [...(config.optimizeDeps?.include ?? []), '@storybook/addon-docs/blocks']
-      }
+        include: [...(config.optimizeDeps?.include ?? []), '@storybook/addon-docs/blocks'],
+      },
     };
   },
   docs: {
-    autodocs: true
-  }
-};
+    autodocs: true,
+  },
+};
@@ -19,6 +19,7 @@
   "CLOSE": "Close",
   "CONFIRM": "Confirm",
   "CONTINUE": "Continue",
+  "COUNT": "Count",
   "CREATE": "Create",
   "CREATE_A_TASK": "Create a task",
   "DATE": "Date",
@@ -54,6 +55,7 @@
   "PLANNED": "Planned",
   "PROCEED": "Proceed",
   "QUANTITY": "Quantity",
+  "REMOVE": "Remove",
   "REMOVE_ITEM": "Remove item",
   "REQUIRED": "Required",
   "RETIRE": "Retire",

@@ -1,9 +1,19 @@
 {
   "ADD_ANIMAL": {
+    "ADD_TO_INVENTORY": "Add animal to your inventory",
     "ANIMALS_TOTAL_one": "{{count}} animal total",
     "ANIMALS_TOTAL_other": "{{count}} animals total",
     "ANIMALS_UNSPECIFIED_one": "{{count}} unspecified",
     "ANIMALS_UNSPECIFIED_other": "{{count}} unspecified",
+    "BATCH_NAME": "Batch name",
+    "BATCH_NAME_PLACEHOLDER": "Type in batch name",
+    "BREED": "Breed",
+    "BREED_PLACEHOLDER": "Add your animal breed",
+    "CREATE_INDIVIDUAL_PROFILES": "Create individual animal profiles",
+    "CREATE_INDIVIDUAL_PROFILES_TOOLTIP": "Select this option if you want to track and manage each animal separately. This allows for detailed records and individualised care plans, all animals will be conveniently grouped. If you don't select 'Create Individual Animal Profiles' you'll create an Animal Batch. This is ideal for\u00a0managing animals collectively. In batch mode, individual animal details are not tracked.",
+    "GROUP_NAME": "Group name",
+    "GROUP_NAME_PLACEHOLDER": "Type in group name",
+    "NO_TYPE_SELECTED_MESSAGE": "Please select a type first",
     "SELECT_SEXES": "Select sexes",
     "SEX_DETAIL": "Sex detail",
     "SEX_DETAIL_ERROR_one": "Maximum animal count: {{count}}",
@@ -20,7 +30,9 @@
       "BATCH_SUMMARY_COUNT_other": "{{count}} batches",
       "HERE_IS_SUMMARY": "Here is a summary of your added animals:",
       "MAIN": "You successfully added {{animalCount}} {{and}} {{batchCount}} to your inventory."
-    }
+    },
+    "TYPE": "Type",
+    "TYPE_PLACEHOLDER": "Select the animal type"
   },
   "ADD_FARM": {
     "ADDRESS_IS_REQUIRED": "Address is required",

@@ -19,6 +19,7 @@
   "CLOSE": "Cerrar",
   "CONFIRM": "Confirmar",
   "CONTINUE": "Continuar",
+  "COUNT": "MISSING",
   "CREATE": "Agregar",
   "CREATE_A_TASK": "MISSING",
   "DATE": "Fecha",
@@ -54,6 +55,7 @@
   "PLANNED": "Planificado",
   "PROCEED": "Proceder",
   "QUANTITY": "Cantidad",
+  "REMOVE": "MISSING",
   "REMOVE_ITEM": "Eliminar item",
   "REQUIRED": "Requerido",
   "RETIRE": "Retirar",

@@ -1,11 +1,21 @@
 {
   "ADD_ANIMAL": {
+    "ADD_TO_INVENTORY": "MISSING",
     "ANIMALS_TOTAL_one": "MISSING",
     "ANIMALS_TOTAL_many": "MISSING",
     "ANIMALS_TOTAL_other": "MISSING",
     "ANIMALS_UNSPECIFIED_one": "MISSING",
     "ANIMALS_UNSPECIFIED_many": "MISSING",
     "ANIMALS_UNSPECIFIED_other": "MISSING",
+    "BATCH_NAME": "MISSING",
+    "BATCH_NAME_PLACEHOLDER": "MISSING",
+    "BREED": "MISSING",
+    "BREED_PLACEHOLDER": "MISSING",
+    "CREATE_INDIVIDUAL_PROFILES": "MISSING",
+    "CREATE_INDIVIDUAL_PROFILES_TOOLTIP": "MISSING",
+    "GROUP_NAME": "MISSING",
+    "GROUP_NAME_PLACEHOLDER": "MISSING",
+    "NO_TYPE_SELECTED_MESSAGE": "MISSING",
     "SELECT_SEXES": "MISSING",
     "SEX_DETAIL": "MISSING",
     "SEX_DETAIL_ERROR_one": "MISSING",
@@ -20,7 +30,9 @@
       "ALL_DONE": "MISSING",
       "HERE_IS_SUMMARY": "MISSING",
       "MAIN": "MISSING"
-    }
+    },
+    "TYPE": "MISSING",
+    "TYPE_PLACEHOLDER": "MISSING"
   },
   "ADD_FARM": {
     "ADDRESS_IS_REQUIRED": "MISSING",

@@ -19,6 +19,7 @@
   "CLOSE": "Fermer",
   "CONFIRM": "Valider",
   "CONTINUE": "Continuer",
+  "COUNT": "MISSING",
   "CREATE": "Créer",
   "CREATE_A_TASK": "MISSING",
   "DATE": "Date",
@@ -54,6 +55,7 @@
   "PLANNED": "Planifié",
   "PROCEED": "Continuer",
   "QUANTITY": "Quantité",
+  "REMOVE": "MISSING",
   "REMOVE_ITEM": "Supprimer l'item",
   "REQUIRED": "Réponse requise",
   "RETIRE": "Abandonner",

@@ -1,11 +1,21 @@
 {
   "ADD_ANIMAL": {
+    "ADD_TO_INVENTORY": "MISSING",
     "ANIMALS_TOTAL_one": "MISSING",
     "ANIMALS_TOTAL_many": "MISSING",
     "ANIMALS_TOTAL_other": "MISSING",
     "ANIMALS_UNSPECIFIED_one": "MISSING",
     "ANIMALS_UNSPECIFIED_many": "MISSING",
     "ANIMALS_UNSPECIFIED_other": "MISSING",
+    "BATCH_NAME": "MISSING",
+    "BATCH_NAME_PLACEHOLDER": "MISSING",
+    "BREED": "MISSING",
+    "BREED_PLACEHOLDER": "MISSING",
+    "CREATE_INDIVIDUAL_PROFILES": "MISSING",
+    "CREATE_INDIVIDUAL_PROFILES_TOOLTIP": "MISSING",
+    "GROUP_NAME": "MISSING",
+    "GROUP_NAME_PLACEHOLDER": "MISSING",
+    "NO_TYPE_SELECTED_MESSAGE": "MISSING",
     "SELECT_SEXES": "MISSING",
     "SEX_DETAIL": "MISSING",
     "SEX_DETAIL_ERROR_one": "MISSING",
@@ -24,7 +34,9 @@
       "BATCH_SUMMARY_COUNT_other": "MISSING",
       "HERE_IS_SUMMARY": "MISSING",
       "MAIN": "MISSING"
-    }
+    },
+    "TYPE": "MISSING",
+    "TYPE_PLACEHOLDER": "MISSING"
   },
   "ADD_FARM": {
     "ADDRESS_IS_REQUIRED": "Une adresse est requise",

@@ -19,6 +19,7 @@
   "CLOSE": "Fechar",
   "CONFIRM": "Confirmar",
   "CONTINUE": "Continuar",
+  "COUNT": "MISSING",
   "CREATE": "Adicionar",
   "CREATE_A_TASK": "MISSING",
   "DATE": "Data",
@@ -54,6 +55,7 @@
   "PLANNED": "Planejado",
   "PROCEED": "Continuar",
   "QUANTITY": "Quantidade",
+  "REMOVE": "MISSING",
   "REMOVE_ITEM": "Remover item",
   "REQUIRED": "Obrigatório",
   "RETIRE": "Remover",

@@ -1,11 +1,21 @@
 {
   "ADD_ANIMAL": {
+    "ADD_TO_INVENTORY": "MISSING",
     "ANIMALS_TOTAL_one": "MISSING",
     "ANIMALS_TOTAL_many": "MISSING",
     "ANIMALS_TOTAL_other": "MISSING",
     "ANIMALS_UNSPECIFIED_one": "MISSING",
     "ANIMALS_UNSPECIFIED_many": "MISSING",
     "ANIMALS_UNSPECIFIED_other": "MISSING",
+    "BATCH_NAME": "MISSING",
+    "BATCH_NAME_PLACEHOLDER": "MISSING",
+    "BREED": "MISSING",
+    "BREED_PLACEHOLDER": "MISSING",
+    "CREATE_INDIVIDUAL_PROFILES": "MISSING",
+    "CREATE_INDIVIDUAL_PROFILES_TOOLTIP": "MISSING",
+    "GROUP_NAME": "MISSING",
+    "GROUP_NAME_PLACEHOLDER": "MISSING",
+    "NO_TYPE_SELECTED_MESSAGE": "MISSING",
     "SELECT_SEXES": "MISSING",
     "SEX_DETAIL": "MISSING",
     "SEX_DETAIL_ERROR_one": "MISSING",
@@ -24,7 +34,9 @@
       "BATCH_SUMMARY_COUNT_other": "MISSING",
       "HERE_IS_SUMMARY": "MISSING",
       "MAIN": "MISSING"
-    }
+    },
+    "TYPE": "MISSING",
+    "TYPE_PLACEHOLDER": "MISSING"
   },
   "ADD_FARM": {
     "ADDRESS_IS_REQUIRED": "É necessário informar um endereço",

diff --git a/packages/webapp/src/components/Animals/AddAnimalsFormCard/AddAnimalsFormCard.stories.tsx b/packages/webapp/src/components/Animals/AddAnimalsFormCard/AddAnimalsFormCard.stories.tsx
@@ -0,0 +1,63 @@
+/*
+ *  Copyright 2024 LiteFarm.org
+ *  This file is part of LiteFarm.
+ *
+ *  LiteFarm is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  LiteFarm is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ *  GNU General Public License for more details, see <https://www.gnu.org/licenses/>.
+ */
+
+import type { Meta, StoryObj } from '@storybook/react';
+
+import AddAnimalsFormCard from './AddAnimalsFormCard';
+import { componentDecorators } from '../../../stories/Pages/config/Decorators';
+import { Option } from './AnimalSelect';
+import { FormProvider, useForm } from 'react-hook-form';
+
+const mockSelectOptions = (...labels: string[]): Option[] =>
+  labels.map((label, i) => ({ label: label, value: i }));
+
+const meta: Meta<typeof AddAnimalsFormCard> = {
+  title: 'Components/AddAnimalsFormCard',
+  component: AddAnimalsFormCard,
+  decorators: [
+    ...componentDecorators,
+    (Story) => {
+      const methods = useForm();
+      return (
+        <FormProvider {...methods}>
+          <Story />
+        </FormProvider>
+      );
+    },
+  ],
+  args: {
+    typeOptions: mockSelectOptions('Chicken', 'Cattle', 'Sheep', 'Dog'),
+    breedOptions: mockSelectOptions('Hereform', 'Angus', 'Landrace', 'Leghorn', 'German Shephard'),
+    sexDetailsOptions: [
+      { id: 0, label: 'Male', count: 0 },
+      { id: 1, label: 'Female', count: 0 },
+    ],
+  },
+};
+
+export default meta;
+type Story = StoryObj<typeof AddAnimalsFormCard>;
+
+export const Primary: Story = {
+  args: {},
+};
+
+export const Active: Story = {
+  args: { isActive: true },
+};
+
+export const WithRemoveButton: Story = {
+  args: { ...Active.args, showRemoveButton: true },
+};