format prettier (#18)

packages/frontend/package.json

@@ -7,7 +7,8 @@
     "dev": "vite --port 3000",
     "build": "vite build",
     "lint": "tsc --noEmit",
-    "preview": "vite preview"
+    "preview": "vite preview",
+    "format": "prettier --write ."
   },
   "dependencies": {
     "@bugsnag/browser-performance": "^2.4.1",

packages/frontend/src/components/shared/CustomIcon/GearIcon.tsx

@@ -9,10 +9,16 @@ export const GearIcon = (props: CustomIconProps) => {
       fill="none"
       {...props}
     >
-        <g>
+      <g>
-        <path d="M7.62516 4.45898L5.05225 3.86523L3.86475 5.05273L4.4585 7.62565L2.0835 9.20898V10.7923L4.4585 12.3757L3.86475 14.9486L5.05225 16.1361L7.62516 15.5423L9.2085 17.9173H10.7918L12.3752 15.5423L14.9481 16.1361L16.1356 14.9486L15.5418 12.3757L17.9168 10.7923V9.20898L15.5418 7.62565L16.1356 5.05273L14.9481 3.86523L12.3752 4.45898L10.7918 2.08398H9.2085L7.62516 4.45898Z" stroke="currentColor"/>
+        <path
-        <path d="M12.5002 10.0007C12.5002 11.3814 11.3809 12.5007 10.0002 12.5007C8.61945 12.5007 7.50016 11.3814 7.50016 10.0007C7.50016 8.61994 8.61945 7.50065 10.0002 7.50065C11.3809 7.50065 12.5002 8.61994 12.5002 10.0007Z" fill="currentColor"/>
+          d="M7.62516 4.45898L5.05225 3.86523L3.86475 5.05273L4.4585 7.62565L2.0835 9.20898V10.7923L4.4585 12.3757L3.86475 14.9486L5.05225 16.1361L7.62516 15.5423L9.2085 17.9173H10.7918L12.3752 15.5423L14.9481 16.1361L16.1356 14.9486L15.5418 12.3757L17.9168 10.7923V9.20898L15.5418 7.62565L16.1356 5.05273L14.9481 3.86523L12.3752 4.45898L10.7918 2.08398H9.2085L7.62516 4.45898Z"
-        </g>
+          stroke="currentColor"
+        />
+        <path
+          d="M12.5002 10.0007C12.5002 11.3814 11.3809 12.5007 10.0002 12.5007C8.61945 12.5007 7.50016 11.3814 7.50016 10.0007C7.50016 8.61994 8.61945 7.50065 10.0002 7.50065C11.3809 7.50065 12.5002 8.61994 12.5002 10.0007Z"
+          fill="currentColor"
+        />
+      </g>
     </CustomIcon>
   );
 };

packages/frontend/src/index.css

@@ -3,15 +3,13 @@
 @tailwind components;
 @tailwind utilities;
 
-
 @layer base {
   @font-face {
     font-family: 'Inter Display';
     font-style: normal;
     font-weight: 100;
     font-display: swap;
-    src: url('/fonts/InterDisplay/InterDisplay-Thin.woff2')
+    src: url('/fonts/InterDisplay/InterDisplay-Thin.woff2') format('woff2');
-      format('woff2');
   }
   @font-face {
     font-family: 'Inter Display';
@@ -42,8 +40,7 @@
     font-style: normal;
     font-weight: 300;
     font-display: swap;
-    src: url('/fonts/InterDisplay/InterDisplay-Light.woff2')
+    src: url('/fonts/InterDisplay/InterDisplay-Light.woff2') format('woff2');
-      format('woff2');
   }
   @font-face {
     font-family: 'Inter Display';
@@ -58,24 +55,21 @@
     font-style: normal;
     font-weight: 400;
     font-display: swap;
-    src: url('/fonts/InterDisplay/InterDisplay-Regular.woff2')
+    src: url('/fonts/InterDisplay/InterDisplay-Regular.woff2') format('woff2');
-      format('woff2');
   }
   @font-face {
     font-family: 'Inter Display';
     font-style: italic;
     font-weight: 400;
     font-display: swap;
-    src: url('/fonts/InterDisplay/InterDisplay-Italic.woff2')
+    src: url('/fonts/InterDisplay/InterDisplay-Italic.woff2') format('woff2');
-      format('woff2');
   }
   @font-face {
     font-family: 'Inter Display';
     font-style: normal;
     font-weight: 500;
     font-display: swap;
-    src: url('/fonts/InterDisplay/InterDisplay-Medium.woff2')
+    src: url('/fonts/InterDisplay/InterDisplay-Medium.woff2') format('woff2');
-      format('woff2');
   }
   @font-face {
     font-family: 'Inter Display';
@@ -90,8 +84,7 @@
     font-style: normal;
     font-weight: 600;
     font-display: swap;
-    src: url('/fonts/InterDisplay/InterDisplay-SemiBold.woff2')
+    src: url('/fonts/InterDisplay/InterDisplay-SemiBold.woff2') format('woff2');
-      format('woff2');
   }
   @font-face {
     font-family: 'Inter Display';
@@ -106,8 +99,7 @@
     font-style: normal;
     font-weight: 700;
     font-display: swap;
-    src: url('/fonts/InterDisplay/InterDisplay-Bold.woff2')
+    src: url('/fonts/InterDisplay/InterDisplay-Bold.woff2') format('woff2');
-      format('woff2');
   }
   @font-face {
     font-family: 'Inter Display';
@@ -122,8 +114,7 @@
     font-style: normal;
     font-weight: 800;
     font-display: swap;
-    src: url('/fonts/InterDisplay/InterDisplay-ExtraBold.woff2')
+    src: url('/fonts/InterDisplay/InterDisplay-ExtraBold.woff2') format('woff2');
-      format('woff2');
   }
   @font-face {
     font-family: 'Inter Display';
@@ -138,8 +129,7 @@
     font-style: normal;
     font-weight: 900;
     font-display: swap;
-    src: url('/fonts/InterDisplay/InterDisplay-Black.woff2')
+    src: url('/fonts/InterDisplay/InterDisplay-Black.woff2') format('woff2');
-      format('woff2');
   }
   @font-face {
     font-family: 'Inter Display';

packages/frontend/src/index.tsx

@@ -37,7 +37,7 @@ root.render(
         </GQLClientProvider>
       </ThemeProvider>
     </React.StrictMode>
-  </LogErrorBoundary>
+  </LogErrorBoundary>,
 );
 
 // If you want to start measuring performance in your app, pass a function

packages/frontend/src/layouts/ProjectSearch.tsx

@@ -59,9 +59,9 @@ const ProjectSearch = () => {
               <NotificationBellIcon />
             </Button>
             {user?.name && (
-            <p className="text-sm tracking-[-0.006em] text-elements-high-em">
+              <p className="text-sm tracking-[-0.006em] text-elements-high-em">
-            {formatAddress(user.name)}
+                {formatAddress(user.name)}
-            </p>
+              </p>
             )}
           </div>
         </div>

packages/frontend/src/pages/org-slug/projects/create/template/index.tsx

@@ -196,11 +196,8 @@ const CreateRepo = () => {
           <Controller
             name="isPrivate"
             control={control}
-            render={({ }) => (
+            render={({}) => (
-              <Checkbox
+              <Checkbox label="Make this repo private" disabled={true} />
-                label="Make this repo private"
-                disabled={true}
-              />
             )}
           />
         </div>

packages/frontend/tailwind.config.js

@@ -1,5 +1,5 @@
 import withMT from '@snowballtools/material-tailwind-react-fork/utils/withMT';
-import colors from 'tailwindcss/colors'
+import colors from 'tailwindcss/colors';
 
 /** @type {import('tailwindcss').Config} */
 export default withMT({
@@ -14,7 +14,7 @@ export default withMT({
         xxs: '400px',
         xs: '480px',
       },
-        zIndex: {
+      zIndex: {
         tooltip: '52',
       },
       letterSpacing: {
@@ -181,8 +181,8 @@ export default withMT({
         toast: '9999',
       },
       animation: {
-        'spin': 'spin 3s linear infinite',
+        spin: 'spin 3s linear infinite',
-      }
+      },
     },
   },
   plugins: [],