preparing for hosting

.github/workflows/deploycPanel.yml

@@ -0,0 +1,31 @@
+on: 
+  push:
+    branches: master
+
+name: 🚀 Deploy website on push
+jobs:
+  web-deploy:
+    name: 🎉 Deploy
+    runs-on: ubuntu-latest
+    steps:
+    - name: 🚚 Get latest code
+      uses: actions/checkout@v2
+
+    - name: Use Node.js 16
+      uses: actions/setup-node@v2
+      with:
+        node-version: '16'
+
+    - name: 🔨 Build Project
+      run: |
+        npm install
+        npm run build
+    
+    - name: 📂 Sync files
+      uses: SamKirkland/[email protected]
+      with:
+        server: ${{ secrets.FTP_SERVER }}
+        username: ${{ secrets.FTP_USERNAME }}
+        password: ${{ secrets.FTP_PASSWORD }}
+        dangerous-clean-slate: true
+        local-dir: ./build/

src/App.tsx

@@ -10,7 +10,7 @@ import ForgotPassword from './Pages/ForgotPassword'
 function App() {
   return (
    <Routes>
-
+    
      <Route path='/' element={<Home />} />
      <Route path='*' element={<PageNotFound />} />
      <Route path='/register' element={<Register />} />

src/Components/Dashboard.tsx

@@ -11,7 +11,6 @@ import { ToastContainer, toast } from 'react-toastify';
 
 
 const Dashboard = () => {
-  let navigate = useNavigate();
   let useId = getStorage()
     const [isLoading, setLoading] = useState(true);
     const [favouritesNo , setFav] = useState(0);

src/Components/Navbar.tsx

@@ -24,19 +24,7 @@ const Navbar = () => {
                     </a>
                 </div>
                 <div className="flex">
-                    {/* <Switch
-                        checked={enabled}
-                        onChange={setEnabled}
-                        className={`${
-                            enabled ? 'bg-blue-600' : 'bg-textColor'
-                        } relative inline-flex h-6 w-11 items-center rounded-full mt-2 mr-2`}
-                        >
-                        <span
-                            className={`${
-                            enabled ? 'translate-x-6' : 'translate-x-1'
-                            } inline-block h-4 w-4 transform rounded-full bg-black`}
-                        />
-                    </Switch> */}
+
                     <button className='bg-primary mr-4 text-sm px-7 rounded-lg' onClick={handleRegister}>Register</button>
                     <button className='px-3 text-sm border border-primary' onClick={handleLogin}>Login</button>
                 </div>