GitHub Actions Deployment Fix

Fix React Router
Fix Snake Workflow
Fix Favicon Path
Remove Service Worker Registration

Author: ThomasJButler

.github/workflows/snake.yml

@@ -15,6 +15,9 @@ jobs:
     timeout-minutes: 10
 
     steps:
+      - name: Checkout repository
+        uses: actions/checkout@v4
+
       - name: Generate GitHub Contribution Snake
         uses: Platane/snk/svg-only@v3
         with:
@@ -26,6 +29,6 @@ jobs:
       - name: Push to GitHub
         uses: EndBug/add-and-commit@v9
         with:
-          branch: output
+          new_branch: output
           add: 'dist/*'
           message: 'Generate contribution snake'

index-react.html

@@ -15,7 +15,7 @@
     <meta property="og:url" content="https://thomasjbutler.me">
 
     <!-- Favicon -->
-    <link rel="icon" type="image/x-icon" href="/favicon.ico">
+    <link rel="icon" type="image/x-icon" href="./favicon.ico">
 
     <!-- Font Awesome -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">

src/App.tsx

@@ -52,7 +52,7 @@ export const App: React.FC = () => {
 
   return (
     <>
-      <Router>
+      <Router basename="/ThomasJButler">
         <Routes>
           <Route path="/" element={<Layout />}>
             <Route index element={

src/main.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import { App } from './App';
-import * as serviceWorker from './utils/serviceWorker';
+// import * as serviceWorker from './utils/serviceWorker';
 
 // Initialize React app
 const root = ReactDOM.createRoot(
@@ -14,13 +14,13 @@ root.render(
   </React.StrictMode>
 );
 
-// Register service worker for offline support
-serviceWorker.register({
-  onUpdate: (registration) => {
-    // Show update notification to user
-    console.log('New version available! Refresh to update.');
-  },
-  onSuccess: (registration) => {
-    console.log('App is ready for offline use!');
-  }
-});
+// Service worker disabled for GitHub Pages deployment
+// serviceWorker.register({
+//   onUpdate: (registration) => {
+//     // Show update notification to user
+//     console.log('New version available! Refresh to update.');
+//   },
+//   onSuccess: (registration) => {
+//     console.log('App is ready for offline use!');
+//   }
+// });