fixed paths

MihirBafna · MihirBafna · commit 0c948e1106bc · 2026-01-02T19:22:55.000-08:00
diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
@@ -1,20 +1,27 @@
+# Simple workflow for deploying static content to GitHub Pages
 name: Deploy static content to Pages
 
 on:
+  # Runs on pushes targeting the default branch
   push:
     branches: ['main']
+
+  # Allows you to run this workflow manually from the Actions tab
   workflow_dispatch:
 
+# Sets the GITHUB_TOKEN permissions to allow deployment to GitHub Pages
 permissions:
   contents: read
   pages: write
   id-token: write
 
+# Allow one concurrent deployment
 concurrency:
   group: 'pages'
   cancel-in-progress: true
 
 jobs:
+  # Single deploy job since we're just deploying
   deploy:
     environment:
       name: github-pages
@@ -23,28 +30,22 @@ jobs:
     steps:
       - name: Checkout
         uses: actions/checkout@v5
-
       - name: Set up Node
         uses: actions/setup-node@v6
         with:
           node-version: lts/*
           cache: 'npm'
-          cache-dependency-path: package-lock.json
-
       - name: Install dependencies
         run: npm ci
-
       - name: Build
         run: npm run build
-
       - name: Setup Pages
         uses: actions/configure-pages@v5
-
       - name: Upload artifact
         uses: actions/upload-pages-artifact@v4
         with:
-          path: './nodewatch'
-
+          # Upload dist folder
+          path: './dist'
       - name: Deploy to GitHub Pages
         id: deployment
-        uses: actions/deploy-pages@v4
+        uses: actions/deploy-pages@v4
diff --git a/index.html b/index.html
@@ -2,12 +2,12 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" href="/icons/binocular.png" />
+    <link rel="icon" href="/nodewatch/icons/binocular.png" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>nodeWatch</title>
+    <script type="module" crossorigin src="./src/main.jsx"></script>
   </head>
   <body>
     <div id="root"></div>
-    <script type="module" src="/src/main.jsx"></script>
   </body>
 </html>
diff --git a/src/App.jsx b/src/App.jsx
@@ -126,7 +126,7 @@ function App() {
         <Heading mb={0} fontSize="2xl">
           nodeWatch
         </Heading>
-        <Image src={`/icons/nodewatcher.gif`} boxSize="40px" alt="nodewatch logo" />
+        <Image src={`/nodewatch/icons/nodewatcher.gif`} boxSize="40px" alt="nodewatch logo" />
       </HStack>
 
       <HStack gap={8}>
diff --git a/src/components/cards/CPUCard.jsx b/src/components/cards/CPUCard.jsx
@@ -56,7 +56,7 @@ const CPUCard = ({ host, cpuData, lastUpdated, columnCount }) => {
                 <Status.Indicator />
               </Status.Root>
               <Heading size="md">{host}</Heading>
-              <Image src={`/icons/${host}.gif`} boxSize="35px" alt="" />
+              <Image src={`/nodewatch/icons/${host}.gif`} boxSize="35px" alt="" />
             </HStack>
             </Tooltip>
             <Badge colorPalette="cyan">CPU</Badge>
diff --git a/src/components/cards/GPUCard.jsx b/src/components/cards/GPUCard.jsx
@@ -62,7 +62,7 @@ const GPUCard = ({ host, gpuData, cpuData, hostMetaData, lastUpdated, columnCoun
                 <Status.Root colorPalette="green"><Status.Indicator /></Status.Root>
               )}
               <Heading size="md">{host}</Heading>
-              <Image src={`/icons/${host}.gif`} boxSize="35px" alt="" />
+              <Image src={`/nodewatch/icons/${host}.gif`} boxSize="35px" alt="" />
             </HStack>
             </Tooltip>
             <Badge
diff --git a/vite.config.js b/vite.config.js
@@ -5,7 +5,5 @@ import react from '@vitejs/plugin-react'
 export default defineConfig({
   plugins: [react()],
   base: '/nodewatch/',
-  build: {
-    outDir: 'nodewatch',
-  },
+  
 })
