feat: add vscode config (#60)

luizstacio · web-flow · commit 6b50156acc1b · 2023-10-02T12:11:44.000-07:00
diff --git a/.vscode/extensions.json b/.vscode/extensions.json
@@ -4,6 +4,7 @@
     "dbaeumer.vscode-eslint",
     "statelyai.stately-vscode",
     "firsttris.vscode-jest-runner",
-    "rust-lang.rust-analyzer"
+    "rust-lang.rust-analyzer",
+    "bradlc.vscode-tailwindcss"
   ]
 }
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -4,5 +4,11 @@
   "editor.codeActionsOnSave": {
     "source.fixAll.eslint": true
   },
-  "rust-analyzer.linkedProjects": ["./packages/indexer/Cargo.toml"]
+  "rust-analyzer.linkedProjects": ["./packages/indexer/Cargo.toml"],
+  "editor.quickSuggestions": {
+    "strings": "on"
+  },
+  "tailwindCSS.experimental.classRegex": [
+    ["tv\\(([^)]*)\\)", "[\"'`]([^\"'`]*).*?[\"'`]"]
+  ]
 }
diff --git a/packages/app/src/app/layout.tsx b/packages/app/src/app/layout.tsx
@@ -29,7 +29,7 @@ export default function RootLayout({
       suppressHydrationWarning
       lang="en"
       className={cx(`${inter.variable}`, theme)}
-      style={{ 'color-scheme': theme } as React.CSSProperties}
+      style={{ colorScheme: theme } as React.CSSProperties}
     >
       <head>
         <link rel="icon" href="/favicon.svg" />
diff --git a/packages/app/src/systems/Core/components/Layout/Layout.tsx b/packages/app/src/systems/Core/components/Layout/Layout.tsx
@@ -20,23 +20,35 @@ export function Layout({ children, hero }: LayoutProps) {
             <Nav.Logo />
           </Link>
           <Nav.Menu>
-            <Nav.MenuItem href="https://docs.wallet.network">
+            <Nav.MenuItem href="https://docs.fuel.network/">
               Developers
             </Nav.MenuItem>
             <Nav.MenuItem href="https://forum.fuel.network">
               Community
             </Nav.MenuItem>
-            <Nav.MenuItem isExternal href="#">
+            <Nav.MenuItem isExternal href="https://fuel.network">
               Labs
             </Nav.MenuItem>
           </Nav.Menu>
           <Nav.Spacer />
           <Nav.Menu>
-            <Nav.MenuItem href="#">Bridge</Nav.MenuItem>
+            <Nav.MenuItem
+              isExternal
+              href="https://alpha.fuel.network/bridge"
+              target="_blank"
+            >
+              Bridge
+            </Nav.MenuItem>
             <Nav.MenuItem isActive asChild>
               <Link href="/">Explorer</Link>
             </Nav.MenuItem>
-            <Nav.MenuItem href="#">Ecosystem</Nav.MenuItem>
+            <Nav.MenuItem
+              isExternal
+              href="https://alpha.fuel.network/ecosystem"
+              target="_blank"
+            >
+              Ecosystem
+            </Nav.MenuItem>
           </Nav.Menu>
           <Nav.ThemeToggle onToggle={(theme) => setTheme({ theme })} />
         </Nav.Desktop>
diff --git a/packages/ui/src/components/FuelLogo/FuelLogo.tsx b/packages/ui/src/components/FuelLogo/FuelLogo.tsx
@@ -29,10 +29,10 @@ export const FuelLogo = createComponent<FuelLogoProps, 'span'>({
             xmlns="http://www.w3.org/2000/svg"
           >
             <path
-              clip-rule="evenodd"
+              clipRule="evenodd"
               d="M0.515747 135.625H17.9407V76.725H83.5876V59.2875H17.9251V17.4375H82.5032C83.4435 17.4375 84.3644 17.171 85.1592 16.6687C85.9541 16.1665 86.5902 15.4492 86.9938 14.6L93.9344 0H10.447C7.81189 0.00496554 5.28638 1.05503 3.4245 2.9198C1.56268 4.78458 0.516541 7.31176 0.515747 9.94687V135.625ZM107.931 0V125.678C107.931 128.314 108.977 130.842 110.84 132.707C112.703 134.572 115.23 135.622 117.865 135.625H200.99C202.297 135.625 203.591 135.368 204.798 134.869C206.005 134.369 207.102 133.636 208.026 132.713C208.95 131.789 209.683 130.692 210.183 129.485C210.683 128.278 210.94 126.985 210.94 125.678V0L193.128 0.128126L193.512 118.187H125.353V0H107.931ZM342.313 0V125.678C342.313 128.316 343.361 130.846 345.226 132.712C347.092 134.577 349.622 135.625 352.26 135.625H430V118.187H359.735V0H342.313ZM230.666 6.14037C230.166 7.34718 229.909 8.64063 229.909 9.94687V125.678C229.909 128.316 230.957 130.846 232.822 132.712C234.688 134.577 237.218 135.625 239.856 135.625H323.328V118.187H247.331V76.725H312.981V59.2875H247.331V17.4375H311.896C312.837 17.4379 313.758 17.1715 314.553 16.6692C315.348 16.1669 315.984 15.4494 316.387 14.6L323.328 0H239.856C238.549 0 237.256 0.257283 236.049 0.75716C234.842 1.25704 233.746 1.98972 232.822 2.91337C231.898 3.83702 231.166 4.93356 230.666 6.14037Z"
               fill="white"
-              fill-rule="evenodd"
+              fillRule="evenodd"
             />
           </svg>
         )}
diff --git a/tailwind.config.ts b/tailwind.config.ts
@@ -0,0 +1,10 @@
+/**
+ * This file is used by the tailwind telisense extension
+ */
+import config from './packages/app/tailwind.config';
+import preset from './packages/ui/dist/theme';
+
+export default {
+  ...config,
+  presets: [preset],
+};

Original file line number	Diff line number	Diff line change
`@@ -4,6 +4,7 @@`
`4`	`4`	`"dbaeumer.vscode-eslint",`
`5`	`5`	`"statelyai.stately-vscode",`
`6`	`6`	`"firsttris.vscode-jest-runner",`
`7`		`- "rust-lang.rust-analyzer"`
	`7`	`+ "rust-lang.rust-analyzer",`
	`8`	`+ "bradlc.vscode-tailwindcss"`
`8`	`9`	`]`
`9`	`10`	`}`
Original file line number	Diff line number	Diff line change
`@@ -29,7 +29,7 @@ export default function RootLayout({`
`29`	`29`	`suppressHydrationWarning`
`30`	`30`	`lang="en"`
`31`	`31`	className={cx(`${inter.variable}`, theme)}
`32`		`- style={{ 'color-scheme': theme } as React.CSSProperties}`
	`32`	`+ style={{ colorScheme: theme } as React.CSSProperties}`
`33`	`33`	`>`
`34`	`34`	`<head>`
`35`	`35`	`<link rel="icon" href="/favicon.svg" />`