formatted by workflow

NUTFes · Jun 12, 2024 · 74c5be5 · 74c5be5
1 parent d95e943
commit 74c5be5
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 26 deletions.
diff --git a/view/next-project/.eslintrc.json b/view/next-project/.eslintrc.json
@@ -7,11 +7,7 @@
     "plugin:import/errors",
     "plugin:storybook/recommended"
   ],
-  "plugins": [
-    "@typescript-eslint",
-    "unused-imports",
-    "import"
-  ],
+  "plugins": ["@typescript-eslint", "unused-imports", "import"],
   "parser": "@typescript-eslint/parser",
   "env": {
     "node": true,
@@ -22,18 +18,13 @@
       "jsx": true
     },
     "ecmaVersion": "latest",
-    "project": [
-      "./tsconfig.json"
-    ],
+    "project": ["./tsconfig.json"],
     "sourceType": "module"
   },
   "settings": {
     "import/resolver": {
       "node": {
-        "extensions": [
-          ".ts",
-          ".tsx"
-        ]
+        "extensions": [".ts", ".tsx"]
       },
       "typescript": {}
     }

diff --git a/view/next-project/src/stories/Button.tsx b/view/next-project/src/stories/Button.tsx
@@ -37,7 +37,7 @@ export const Button = ({
   const mode = primary ? 'storybook-button--primary' : 'storybook-button--secondary';
   return (
     <button
-      type="button"
+      type='button'
       className={['storybook-button', `storybook-button--${size}`, mode].join(' ')}
       {...props}
     >

diff --git a/view/next-project/src/stories/Header.tsx b/view/next-project/src/stories/Header.tsx
@@ -16,21 +16,21 @@ interface HeaderProps {
 
 export const Header = ({ user, onLogin, onLogout, onCreateAccount }: HeaderProps) => (
   <header>
-    <div className="storybook-header">
+    <div className='storybook-header'>
       <div>
-        <svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
-          <g fill="none" fillRule="evenodd">
+        <svg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'>
+          <g fill='none' fillRule='evenodd'>
             <path
-              d="M10 0h12a10 10 0 0110 10v12a10 10 0 01-10 10H10A10 10 0 010 22V10A10 10 0 0110 0z"
-              fill="#FFF"
+              d='M10 0h12a10 10 0 0110 10v12a10 10 0 01-10 10H10A10 10 0 010 22V10A10 10 0 0110 0z'
+              fill='#FFF'
             />
             <path
-              d="M5.3 10.6l10.4 6v11.1l-10.4-6v-11zm11.4-6.2l9.7 5.5-9.7 5.6V4.4z"
-              fill="#555AB9"
+              d='M5.3 10.6l10.4 6v11.1l-10.4-6v-11zm11.4-6.2l9.7 5.5-9.7 5.6V4.4z'
+              fill='#555AB9'
             />
             <path
-              d="M27.2 10.6v11.2l-10.5 6V16.5l10.5-6zM15.7 4.4v11L6 10l9.7-5.5z"
-              fill="#91BAF8"
+              d='M27.2 10.6v11.2l-10.5 6V16.5l10.5-6zM15.7 4.4v11L6 10l9.7-5.5z'
+              fill='#91BAF8'
             />
           </g>
         </svg>
@@ -39,15 +39,15 @@ export const Header = ({ user, onLogin, onLogout, onCreateAccount }: HeaderProps
       <div>
         {user ? (
           <>
-            <span className="welcome">
+            <span className='welcome'>
               Welcome, <b>{user.name}</b>!
             </span>
-            <Button size="small" onClick={onLogout} label="Log out" />
+            <Button size='small' onClick={onLogout} label='Log out' />
           </>
         ) : (
           <>
-            <Button size="small" onClick={onLogin} label="Log in" />
-            <Button primary size="small" onClick={onCreateAccount} label="Sign up" />
+            <Button size='small' onClick={onLogin} label='Log in' />
+            <Button primary size='small' onClick={onCreateAccount} label='Sign up' />
           </>
         )}
       </div>