feat: Update favicon and title in index.html; add deployment script

itscharanteja · itscharanteja · commit 6163cd74d48c · 2025-10-19T02:18:03.000+02:00
diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
@@ -0,0 +1,45 @@
+name: Deploy FYNDAK to Production
+
+on:
+  push:
+    branches: [main]
+  pull_request:
+    branches: [main]
+
+jobs:
+  deploy:
+    runs-on: ubuntu-latest
+
+    steps:
+      - uses: actions/checkout@v3
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: "18"
+          cache: "npm"
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Build project
+        run: npm run build
+
+      - name: Deploy to FTP
+        uses: SamKirkland/FTP-Deploy-Action@v4.3.4
+        with:
+          server: ${{ secrets.FTP_HOST }}
+          username: ${{ secrets.FTP_USERNAME }}
+          password: ${{ secrets.FTP_PASSWORD }}
+          local-dir: ./dist/
+          server-dir: /public_html/
+
+      - name: Upload .htaccess
+        uses: SamKirkland/FTP-Deploy-Action@v4.3.4
+        with:
+          server: ${{ secrets.FTP_HOST }}
+          username: ${{ secrets.FTP_USERNAME }}
+          password: ${{ secrets.FTP_PASSWORD }}
+          local-dir: ./
+          server-dir: /public_html/
+          include: .htaccess
diff --git a/deploy.sh b/deploy.sh
@@ -0,0 +1,43 @@
+#!/bin/bash
+
+# FYNDAK Deployment Script
+# Replace these with your actual FTP credentials
+FTP_HOST="your-ftp-host.inleed.se"
+FTP_USER="your-username"
+FTP_PASS="your-password"
+FTP_PATH="/public_html"  # or wherever your web root is
+
+echo "🚀 Starting FYNDAK deployment..."
+
+# Build the project
+echo "📦 Building project..."
+npm run build
+
+if [ $? -eq 0 ]; then
+    echo "✅ Build successful!"
+    
+    # Upload dist folder contents via FTP
+    echo "📤 Uploading files..."
+    
+    # Using lftp for FTP upload (install with: brew install lftp)
+    lftp -c "
+    set ftp:ssl-allow no;
+    open -u $FTP_USER,$FTP_PASS $FTP_HOST;
+    lcd dist;
+    cd $FTP_PATH;
+    mirror --reverse --delete --verbose;
+    "
+    
+    # Upload .htaccess separately
+    lftp -c "
+    set ftp:ssl-allow no;
+    open -u $FTP_USER,$FTP_PASS $FTP_HOST;
+    cd $FTP_PATH;
+    put .htaccess;
+    "
+    
+    echo "🎉 Deployment complete!"
+    echo "🌐 Visit: https://fyndak.se"
+else
+    echo "❌ Build failed! Please fix errors before deploying."
+fi
diff --git a/index.html b/index.html
@@ -2,9 +2,9 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <link rel="icon" type="image/jpeg" href="/fyndak-logo.jpeg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>FYNDAK Bidding Application</title>
+    <title>FYNDAK - Auction Bidding Platform</title>
   </head>
   <body>
     <div id="root"></div>
diff --git a/package.json b/package.json
@@ -8,7 +8,8 @@
     "build": "vite build",
     "lint": "eslint .",
     "preview": "vite preview",
-    "typecheck": "tsc --noEmit -p tsconfig.app.json"
+    "typecheck": "tsc --noEmit -p tsconfig.app.json",
+    "deploy": "./deploy.sh"
   },
   "dependencies": {
     "@supabase/supabase-js": "^2.57.4",
diff --git a/src/components/Layout/Layout.tsx b/src/components/Layout/Layout.tsx
@@ -89,11 +89,13 @@ export const Layout: React.FC<LayoutProps> = ({ children }) => {
             <div className="flex items-center gap-6">
               {/* Logo */}
               <NavLink to="/" className="flex items-center gap-3 group">
-                <div className="w-10 h-10 bg-gradient-to-br from-green-500 to-emerald-600 rounded-xl flex items-center justify-center group-hover:scale-110 transition-transform duration-300 shadow-lg">
-                  <Package className="w-5 h-5 text-white" />
-                </div>
+                <img
+                  src="/fyndak-logo.jpeg"
+                  alt="FYNDAK Logo"
+                  className="w-10 h-10 rounded-xl object-cover group-hover:scale-110 transition-transform duration-300 shadow-lg"
+                />
                 <span className="text-2xl font-bold text-gray-900 dark:text-white group-hover:text-green-600 dark:group-hover:text-green-400 transition-colors duration-300">
-                  Fyndak
+                  FYNDAK
                 </span>
               </NavLink>
 
