fix: run prettier

deltadevsde · Jan 9, 2025 · f7d440e · f7d440e
1 parent f3e6cf7
commit f7d440e
Show file tree

Hide file tree

Showing 18 changed files with 142 additions and 328 deletions.
diff --git a/.vscode/css.code-snippets b/.vscode/css.code-snippets
@@ -4,7 +4,7 @@
     "body": [
       "/* #region  /**=========== ${1} =========== */",
       "$0",
-      "/* #endregion  /**======== ${1} =========== */"
-    ]
-  }
+      "/* #endregion  /**======== ${1} =========== */",
+    ],
+  },
 }
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -7,11 +7,6 @@
   },
   "[css]": { "editor.defaultFormatter": "esbenp.prettier-vscode" },
   // Tailwind CSS Autocomplete, add more if used in projects
-  "tailwindCSS.classAttributes": [
-    "class",
-    "className",
-    "classNames",
-    "containerClassName"
-  ],
+  "tailwindCSS.classAttributes": ["class", "className", "classNames", "containerClassName"],
   "typescript.preferences.importModuleSpecifier": "non-relative"
 }
diff --git a/.vscode/typescriptreact.code-snippets b/.vscode/typescriptreact.code-snippets
@@ -2,29 +2,25 @@
   //#region  //*=========== React ===========
   "import React": {
     "prefix": "ir",
-    "body": ["import * as React from 'react';"]
+    "body": ["import * as React from 'react';"],
   },
   "React.useState": {
     "prefix": "us",
     "body": [
-      "const [${1}, set${1/(^[a-zA-Z])(.*)/${1:/upcase}${2}/}] = React.useState<$3>(${2:initial${1/(^[a-zA-Z])(.*)/${1:/upcase}${2}/}})$0"
-    ]
+      "const [${1}, set${1/(^[a-zA-Z])(.*)/${1:/upcase}${2}/}] = React.useState<$3>(${2:initial${1/(^[a-zA-Z])(.*)/${1:/upcase}${2}/}})$0",
+    ],
   },
   "React.useEffect": {
     "prefix": "uf",
-    "body": ["React.useEffect(() => {", "  $0", "}, []);"]
+    "body": ["React.useEffect(() => {", "  $0", "}, []);"],
   },
   "React.useReducer": {
     "prefix": "ur",
-    "body": [
-      "const [state, dispatch] = React.useReducer(${0:someReducer}, {",
-      "  ",
-      "})"
-    ]
+    "body": ["const [state, dispatch] = React.useReducer(${0:someReducer}, {", "  ", "})"],
   },
   "React.useRef": {
     "prefix": "urf",
-    "body": ["const ${1:someRef} = React.useRef($0)"]
+    "body": ["const ${1:someRef} = React.useRef($0)"],
   },
   "React Functional Component": {
     "prefix": "rc",
@@ -36,8 +32,8 @@
       "      $0",
       "    </div>",
       "  )",
-      "}"
-    ]
+      "}",
+    ],
   },
   "React Functional Component with Props": {
     "prefix": "rcp",
@@ -52,8 +48,8 @@
       "      $0",
       "    </div>",
       "  )",
-      "}"
-    ]
+      "}",
+    ],
   },
   //#endregion  //*======== React ===========
 
@@ -64,17 +60,17 @@
     "body": [
       "//#region  //*=========== ${1} ===========",
       "${TM_SELECTED_TEXT}$0",
-      "//#endregion  //*======== ${1} ==========="
-    ]
+      "//#endregion  //*======== ${1} ===========",
+    ],
   },
   "Region CSS": {
     "prefix": "regc",
     "scope": "css, scss",
     "body": [
       "/* #region  /**=========== ${1} =========== */",
       "${TM_SELECTED_TEXT}$0",
-      "/* #endregion  /**======== ${1} =========== */"
-    ]
+      "/* #endregion  /**======== ${1} =========== */",
+    ],
   },
   //#endregion  //*======== Commons ===========
 
@@ -98,8 +94,8 @@
       "      </main>",
       "    </Layout>",
       "  )",
-      "}"
-    ]
+      "}",
+    ],
   },
   "Next API": {
     "prefix": "napi",
@@ -111,8 +107,8 @@
       "  } else {",
       "    res.status(405).json({ message: 'Method Not Allowed' });",
       "  }",
-      "}"
-    ]
+      "}",
+    ],
   },
   "Get Static Props": {
     "prefix": "gsp",
@@ -121,8 +117,8 @@
       "  return {",
       "    props: {}",
       "  };",
-      "}"
-    ]
+      "}",
+    ],
   },
   "Get Static Paths": {
     "prefix": "gspa",
@@ -134,8 +130,8 @@
       "    ],",
       "    fallback: ",
       "  };",
-      "}"
-    ]
+      "}",
+    ],
   },
   "Get Server Side Props": {
     "prefix": "gssp",
@@ -144,50 +140,48 @@
       "  return {",
       "    props: {}",
       "  };",
-      "}"
-    ]
+      "}",
+    ],
   },
   "Infer Get Static Props": {
     "prefix": "igsp",
-    "body": "InferGetStaticPropsType<typeof getStaticProps>"
+    "body": "InferGetStaticPropsType<typeof getStaticProps>",
   },
   "Infer Get Server Side Props": {
     "prefix": "igssp",
-    "body": "InferGetServerSidePropsType<typeof getServerSideProps>"
+    "body": "InferGetServerSidePropsType<typeof getServerSideProps>",
   },
   "Import useRouter": {
     "prefix": "imust",
-    "body": ["import { useRouter } from 'next/router';"]
+    "body": ["import { useRouter } from 'next/router';"],
   },
   "Import Next Image": {
     "prefix": "imimg",
-    "body": ["import Image from 'next/image';"]
+    "body": ["import Image from 'next/image';"],
   },
   "Import Next Link": {
     "prefix": "iml",
-    "body": ["import Link from 'next/link';"]
+    "body": ["import Link from 'next/link';"],
   },
   //#endregion  //*======== Next.js ===========
 
   //#region  //*=========== Snippet Wrap ===========
   "Wrap with Fragment": {
     "prefix": "ff",
-    "body": ["<>", "\t${TM_SELECTED_TEXT}", "</>"]
+    "body": ["<>", "\t${TM_SELECTED_TEXT}", "</>"],
   },
   "Wrap with clsx": {
     "prefix": "cx",
-    "body": ["{clsx([${TM_SELECTED_TEXT}$0])}"]
+    "body": ["{clsx([${TM_SELECTED_TEXT}$0])}"],
   },
   "Wrap with clsxm": {
     "prefix": "cxm",
-    "body": ["{clsxm([${TM_SELECTED_TEXT}$0, className])}"]
+    "body": ["{clsxm([${TM_SELECTED_TEXT}$0, className])}"],
   },
   //#endregion  //*======== Snippet Wrap ===========
 
   "Logger": {
     "prefix": "lg",
-    "body": [
-      "logger({ ${1:${CLIPBOARD}} }, '${TM_FILENAME} line ${TM_LINE_NUMBER}')"
-    ]
-  }
+    "body": ["logger({ ${1:${CLIPBOARD}} }, '${TM_FILENAME} line ${TM_LINE_NUMBER}')"],
+  },
 }
diff --git a/src/__mocks__/svg.tsx b/src/__mocks__/svg.tsx
@@ -1,8 +1,8 @@
 import React, { SVGProps } from 'react';
 
-const SvgrMock = React.forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>(
-  (props, ref) => <svg ref={ref} {...props} />
-);
+const SvgrMock = React.forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((props, ref) => (
+  <svg ref={ref} {...props} />
+));
 
 export const ReactComponent = SvgrMock;
 export default SvgrMock;