eslint fix

Author: Antoine Le Louet

templates/front/src/stories/components/LocaleSelector.stories.ts

@@ -1,16 +1,18 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import LocaleSelector from "@components/theme/LocaleSelector";
-import { Locale } from "@lib/locale-resolver/LocaleResolver";
+import LocaleSelector from '@components/theme/LocaleSelector';
+import { Locale } from '@lib/locale-resolver/LocaleResolver';
 
 // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
-const meta = {
+const meta: Meta<typeof LocaleSelector> = {
   title: 'Components/LocaleSelector',
   component: LocaleSelector,
   parameters: {
-    // Optional parameter to center the component in the Canvas. More info: https://storybook.js.org/docs/react/configure/story-layout
+    // Optional parameter to center the component in the Canvas.
+    // More info: https://storybook.js.org/docs/react/configure/story-layout
     layout: 'centered',
   },
-  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/react/writing-docs/autodocs
+  // This component will have an automatically generated Autodocs entry:
+  // https://storybook.js.org/docs/react/writing-docs/autodocs
   tags: ['autodocs'],
   // More on argTypes: https://storybook.js.org/docs/react/api/argtypes
   argTypes: {
@@ -23,16 +25,18 @@ const meta = {
 export default meta;
 type Story = StoryObj<typeof meta>;
 
-const local_FR = { code: 'fr', name: 'Français' } as Locale;
-const local_EN = { code: 'en', name: 'English' } as Locale;
+const LOCAL_FR: Locale = { code: 'fr', name: 'Français' } as Locale;
+const LOCAL_EN: Locale = { code: 'en', name: 'English' } as Locale;
 
 // More on writing stories with args: https://storybook.js.org/docs/react/writing-stories/args
 export const Test: Story = {
   args: {
-    availableLocales: [local_FR, local_EN],
+    availableLocales: [LOCAL_FR, LOCAL_EN],
     onLocaleSelected: () => {
+      // We can't use action here because it's a sample component
+      // eslint-disable-next-line no-console
       console.log('btn click');
     },
-    currentLocale: local_FR,
+    currentLocale: LOCAL_FR,
   },
 };

templates/front/src/stories/example/button/Button.stories.ts

@@ -3,14 +3,16 @@ import type { Meta, StoryObj } from '@storybook/react';
 import { Button } from './Button';
 
 // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
-const meta = {
+const meta: Meta<typeof Button> = {
   title: 'Example/Button',
   component: Button,
   parameters: {
-    // Optional parameter to center the component in the Canvas. More info: https://storybook.js.org/docs/react/configure/story-layout
+    // Optional parameter to center the component in the Canvas.
+    // More info: https://storybook.js.org/docs/react/configure/story-layout
     layout: 'centered',
   },
-  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/react/writing-docs/autodocs
+  // This component will have an automatically generated Autodocs entry:
+  // https://storybook.js.org/docs/react/writing-docs/autodocs
   tags: ['autodocs'],
   // More on argTypes: https://storybook.js.org/docs/react/api/argtypes
   argTypes: {

templates/front/src/stories/example/button/Button.tsx

@@ -5,36 +5,39 @@ interface ButtonProps {
   /**
    * Is this the principal call to action on the page?
    */
-  primary?: boolean;
+  primary?: boolean,
   /**
    * What background color to use
    */
-  backgroundColor?: string;
+  backgroundColor?: string,
   /**
    * How large should the button be?
    */
-  size?: 'small' | 'medium' | 'large';
+  size?: 'small' | 'medium' | 'large',
   /**
    * Button contents
    */
-  label: string;
+  label: string,
   /**
    * Optional click handler
    */
-  onClick?: () => void;
+  onClick?: () => void,
 }
 
 /**
  * Primary UI component for user interaction
  */
-export const Button = ({
-  primary = false,
-  size = 'medium',
-  backgroundColor,
-  label,
-  ...props
-}: ButtonProps) => {
-  const mode = primary ? 'storybook-button--primary' : 'storybook-button--secondary';
+// eslint-disable-next-line import/prefer-default-export
+export const Button = (
+  {
+    primary = false,
+    size = 'medium',
+    backgroundColor,
+    label,
+    ...props
+  }: ButtonProps,
+) => {
+  const mode: string = primary ? 'storybook-button--primary' : 'storybook-button--secondary';
   return (
     <button
       type="button"