prettier web-app

0LNetworkCommunity · Jul 14, 2024 · 850c325 · 850c325
1 parent 586d393
commit 850c325
Show file tree

Hide file tree

Showing 103 changed files with 601 additions and 763 deletions.
diff --git a/web-app/.eslintrc.cjs b/web-app/.eslintrc.cjs
@@ -10,9 +10,6 @@ module.exports = {
   parser: '@typescript-eslint/parser',
   plugins: ['react-refresh'],
   rules: {
-    'react-refresh/only-export-components': [
-      'warn',
-      { allowConstantExport: true },
-    ],
+    'react-refresh/only-export-components': ['warn', { allowConstantExport: true }],
   },
-}
+};
diff --git a/web-app/CHANGELOG.md b/web-app/CHANGELOG.md
@@ -2,30 +2,22 @@
 
 ### Added
 
-
 ### Changed
 
-
 ### Removed
 
-
 ## [0.0.1] - 2024-04-13
 
 ### Added
 
-
 ### Changed
 
-
 ### Removed
 
-
 ## [0.0.1] - 2024-04-12
 
 ### Added
 
-
 ### Changed
 
-
 ### Removed
diff --git a/web-app/index.html b/web-app/index.html
@@ -3,13 +3,13 @@
   <head>
     <meta charset="UTF-8" />
 
-    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
-    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
-    <link rel="manifest" href="/site.webmanifest">
-    <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
-    <meta name="msapplication-TileColor" content="#da532c">
-    <meta name="theme-color" content="#ffffff">
+    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
+    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
+    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
+    <link rel="manifest" href="/site.webmanifest" />
+    <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5" />
+    <meta name="msapplication-TileColor" content="#da532c" />
+    <meta name="theme-color" content="#ffffff" />
 
     <link rel="icon" type="image/svg+xml" href="/logo.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -26,4 +26,4 @@
     <div id="root" class="h-full"></div>
     <script type="module" src="/src/main.tsx"></script>
   </body>
-</html>
+</html>
diff --git a/web-app/package-lock.json b/web-app/package-lock.json
diff --git a/web-app/package.json b/web-app/package.json
@@ -60,6 +60,7 @@
     "eslint-plugin-react-hooks": "^4.6.2",
     "eslint-plugin-react-refresh": "^0.4.7",
     "postcss": "^8.4.38",
+    "prettier": "^3.3.3",
     "tailwindcss": "^3.4.4",
     "typescript": "^5.4.5",
     "vite": "^5.3.1"

diff --git a/web-app/postcss.config.js b/web-app/postcss.config.js
@@ -3,4 +3,4 @@ export default {
     tailwindcss: {},
     autoprefixer: {},
   },
-}
+};
diff --git a/web-app/public/site.webmanifest b/web-app/public/site.webmanifest
@@ -1,19 +1,19 @@
 {
-    "name": "",
-    "short_name": "",
-    "icons": [
-        {
-            "src": "/android-chrome-192x192.png",
-            "sizes": "192x192",
-            "type": "image/png"
-        },
-        {
-            "src": "/android-chrome-512x512.png",
-            "sizes": "512x512",
-            "type": "image/png"
-        }
-    ],
-    "theme_color": "#ffffff",
-    "background_color": "#ffffff",
-    "display": "standalone"
+  "name": "",
+  "short_name": "",
+  "icons": [
+    {
+      "src": "/android-chrome-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "/android-chrome-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    }
+  ],
+  "theme_color": "#ffffff",
+  "background_color": "#ffffff",
+  "display": "standalone"
 }
diff --git a/web-app/src/main.tsx b/web-app/src/main.tsx
@@ -9,8 +9,8 @@ import App from './modules/core/App';
 
 import './index.css';
 
-const VITE_POSTHOG_KEY = "phc_hPZOabiIQet1rsxRGAELYmKy8eByxgklujcj3rTz4cd";
-const VITE_POSTHOG_HOST = "https://eu.posthog.com";
+const VITE_POSTHOG_KEY = 'phc_hPZOabiIQet1rsxRGAELYmKy8eByxgklujcj3rTz4cd';
+const VITE_POSTHOG_HOST = 'https://eu.posthog.com';
 
 const PostHogProviderWrapper = ({ children }: PropsWithChildren) => {
   if (window.location.host === '0l.fyi') {

diff --git a/web-app/src/modules/aptos/Provider.tsx b/web-app/src/modules/aptos/Provider.tsx
@@ -1,17 +1,13 @@
-import { FC, PropsWithChildren, useMemo } from "react";
-import { AptosClient } from "aptos";
-import aptosContext from "./context";
+import { FC, PropsWithChildren, useMemo } from 'react';
+import { AptosClient } from 'aptos';
+import aptosContext from './context';
 
 const AptosProvider: FC<PropsWithChildren> = ({ children }) => {
   const client = useMemo(() => {
-    return new AptosClient("https://rpc.0l.fyi");
+    return new AptosClient('https://rpc.0l.fyi');
   }, []);
 
-  return (
-    <aptosContext.Provider value={client}>
-      {children}
-    </aptosContext.Provider>
-  );
+  return <aptosContext.Provider value={client}>{children}</aptosContext.Provider>;
 };
 
 export default AptosProvider;
diff --git a/web-app/src/modules/aptos/context.ts b/web-app/src/modules/aptos/context.ts
@@ -1,5 +1,5 @@
-import { createContext } from "react";
-import { AptosClient } from "aptos";
+import { createContext } from 'react';
+import { AptosClient } from 'aptos';
 
 const aptoContext = createContext<AptosClient>(null as never);
 

diff --git a/web-app/src/modules/aptos/index.ts b/web-app/src/modules/aptos/index.ts
@@ -1,6 +1,6 @@
-import { useContext } from "react";
-import aptoContext from "./context";
-export { default as AptosProvider } from "./Provider";
+import { useContext } from 'react';
+import aptoContext from './context';
+export { default as AptosProvider } from './Provider';
 
 const useAptos = () => useContext(aptoContext);
 

diff --git a/web-app/src/modules/core/routes/Account/AccountDoesntExist.tsx b/web-app/src/modules/core/routes/Account/AccountDoesntExist.tsx
@@ -23,8 +23,9 @@ const AccountDoesntExist: FC<Props> = ({ address }) => {
           This may be because the account was recently created and our system is still updating.
           <br />
           <br />
-          <span className='text-sm font-medium text-red-800 text-xl'>
-            Please avoid sending tokens to this address, as there's a possibility of funds being lost.
+          <span className="text-sm font-medium text-red-800 text-xl">
+            Please avoid sending tokens to this address, as there's a possibility of funds being
+            lost.
           </span>
         </p>
       </div>

diff --git a/web-app/src/modules/core/routes/Account/HistoricalBalance.tsx b/web-app/src/modules/core/routes/Account/HistoricalBalance.tsx
@@ -1,9 +1,9 @@
-import { FC, useEffect, useState } from "react";
-import clsx from "clsx";
-import axios from "axios";
-import ReactECharts from "echarts-for-react";
+import { FC, useEffect, useState } from 'react';
+import clsx from 'clsx';
+import axios from 'axios';
+import ReactECharts from 'echarts-for-react';
 
-import { config } from "../../../../config";
+import { config } from '../../../../config';
 
 interface Props {
   address: string;
@@ -15,10 +15,10 @@ const HistoricalBalance: FC<Props> = ({ address }) => {
   useEffect(() => {
     const load = async () => {
       const res = await axios<{
-        timestamp: number[],
-        balance: number[],
-        unlocked: number[],
-        locked: number[],
+        timestamp: number[];
+        balance: number[];
+        unlocked: number[];
+        locked: number[];
       }>({
         url: `${config.dataApiHost}/historical-balance/${address}`,
       });
@@ -108,15 +108,12 @@ const HistoricalBalance: FC<Props> = ({ address }) => {
       {options && (
         <div
           className={clsx(
-            "w-full rounded-md shadow overflow-hidden h-[500px]",
-            "ring-1 ring-black ring-opacity-5",
-            "bg-white"
+            'w-full rounded-md shadow overflow-hidden h-[500px]',
+            'ring-1 ring-black ring-opacity-5',
+            'bg-white',
           )}
         >
-          <ReactECharts
-            option={options}
-            style={{ height: "100%", width: "100%" }}
-          />
+          <ReactECharts option={options} style={{ height: '100%', width: '100%' }} />
         </div>
       )}
     </>

diff --git a/web-app/src/modules/core/routes/Account/Modules/Module/ExecFunction/ExecFunction.tsx b/web-app/src/modules/core/routes/Account/Modules/Module/ExecFunction/ExecFunction.tsx
@@ -1,7 +1,7 @@
-import { FC, useState } from "react";
-import { Types, BCS } from "aptos";
-import clsx from "clsx";
-import { useWallet } from "@aptos-labs/wallet-adapter-react";
+import { FC, useState } from 'react';
+import { Types, BCS } from 'aptos';
+import clsx from 'clsx';
+import { useWallet } from '@aptos-labs/wallet-adapter-react';
 
 interface Props {
   module: Types.MoveModuleBytecode;
@@ -14,7 +14,7 @@ const ExecFunction: FC<Props> = ({ module: mod, func }) => {
   const [args, setArgs] = useState<string[]>([]);
   const [genericParams, setGenericParams] = useState<string[]>([]);
 
-  const params = func.params.filter((param) => !["signer", "&signer"].includes(param));
+  const params = func.params.filter((param) => !['signer', '&signer'].includes(param));
 
   const onSubmit = async (event: React.FormEvent<HTMLFormElement>) => {
     event.preventDefault();
@@ -36,7 +36,6 @@ const ExecFunction: FC<Props> = ({ module: mod, func }) => {
     });
   };
 
-
   return (
     <form onSubmit={onSubmit}>
       {func.generic_type_params.length > 0 && (
@@ -47,16 +46,14 @@ const ExecFunction: FC<Props> = ({ module: mod, func }) => {
             {func.generic_type_params.map((_, index) => (
               <div key={index} className="py-3">
                 <label>
-                  <div className="block text-sm text-gray-900">
-                    {`Generic param #${index + 1}`}
-                  </div>
+                  <div className="block text-sm text-gray-900">{`Generic param #${index + 1}`}</div>
                   <input
                     type="text"
                     className={clsx(
-                      "px-2",
-                      "block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm",
-                      "ring-1 ring-inset ring-gray-300 placeholder:text-gray-400",
-                      "focus:ring-2 focus:ring-inset focus:ring-indigo-600"
+                      'px-2',
+                      'block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm',
+                      'ring-1 ring-inset ring-gray-300 placeholder:text-gray-400',
+                      'focus:ring-2 focus:ring-inset focus:ring-indigo-600',
                     )}
                     value={genericParams[index]}
                     onChange={(event) => {
@@ -83,16 +80,14 @@ const ExecFunction: FC<Props> = ({ module: mod, func }) => {
               return (
                 <div key={index} className="py-3">
                   <label>
-                    <div className="block text-sm font-medium leading-6 text-gray-900">
-                      {param}
-                    </div>
+                    <div className="block text-sm font-medium leading-6 text-gray-900">{param}</div>
                     <input
                       type="text"
                       className={clsx(
-                        "px-2",
-                        "block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm",
-                        "ring-1 ring-inset ring-gray-300 placeholder:text-gray-400",
-                        "focus:ring-2 focus:ring-inset focus:ring-indigo-600"
+                        'px-2',
+                        'block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm',
+                        'ring-1 ring-inset ring-gray-300 placeholder:text-gray-400',
+                        'focus:ring-2 focus:ring-inset focus:ring-indigo-600',
                       )}
                       value={args[index]}
                       onChange={(event) => {
@@ -114,13 +109,13 @@ const ExecFunction: FC<Props> = ({ module: mod, func }) => {
       <button
         type="submit"
         className={clsx(
-          "rounded bg-primary-600",
-          "px-2 py-1",
-          "text-sm font-semibold text-white",
-          "shadow-sm",
-          "hover:bg-primary-500",
-          "focus-visible:outline focus-visible:outline-2",
-          "focus-visible:outline-offset-2 focus-visible:outline-primary-600"
+          'rounded bg-primary-600',
+          'px-2 py-1',
+          'text-sm font-semibold text-white',
+          'shadow-sm',
+          'hover:bg-primary-500',
+          'focus-visible:outline focus-visible:outline-2',
+          'focus-visible:outline-offset-2 focus-visible:outline-primary-600',
         )}
       >
         Exec

diff --git a/web-app/src/modules/core/routes/Account/Modules/Module/ExecFunction/index.ts b/web-app/src/modules/core/routes/Account/Modules/Module/ExecFunction/index.ts
@@ -1 +1 @@
-export { default } from "./ExecFunction";
+export { default } from './ExecFunction';
-Original file line number
+Diff line change
@@ Expand Up / @@ -3,4 +3,4 @@ export default { @@
         tailwindcss: {},
         autoprefixer: {},
       },
-    }
+    };
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		export { default } from "./ExecFunction";
		export { default } from './ExecFunction';