Merge pull request #23 from vishnuvinay89/v0.1.6

PWA implementation and Loader in language select component
tekdi · Nov 29, 2024 · 523132d · 523132d
2 parents 666012e + 26badef
commit 523132d
Show file tree

Hide file tree

Showing 7 changed files with 8,493 additions and 4,437 deletions.
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/png" href="/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite + React</title>
+    <title>E-Wallet</title>
   </head>
   <body>
     <div id="root"></div>

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -41,6 +41,7 @@
     "globals": "^15.11.0",
     "postcss": "^8.4.49",
     "tailwindcss": "^3.4.15",
-    "vite": "^5.4.10"
+    "vite": "^5.4.10",
+    "vite-plugin-pwa": "^0.21.0"
   }
 }
diff --git a/public/favico.png b/public/favico.png
diff --git a/public/favicon.ico b/public/favicon.ico
diff --git a/src/components/LanguageSelect.jsx b/src/components/LanguageSelect.jsx
@@ -9,6 +9,7 @@ import {
   Button,
   FormControl,
   InputLabel,
+  CircularProgress,
 } from "@mui/material";
 import { useNavigate, useLocation } from "react-router-dom";
 import icon from "../assets/icon.svg";
@@ -52,7 +53,21 @@ const LanguageSelect = () => {
       console.error("Login failed:", error instanceof Error ? error.message : "Unknown error");
     }
   };
-
+  // Show loader if Keycloak is not initialized
+  if (!initialized) {
+    return (
+      <Box
+        sx={{
+          minHeight: "100vh",
+          display: "flex",
+          justifyContent: "center",
+          alignItems: "center"
+        }}
+      >
+        <CircularProgress size={50}/>
+      </Box>
+    );
+  }
   return (
     <Box
       sx={{

diff --git a/vite.config.js b/vite.config.js
@@ -1,7 +1,37 @@
 import { defineConfig } from 'vite'
 import react from '@vitejs/plugin-react'
+import { VitePWA } from 'vite-plugin-pwa';
 
 // https://vite.dev/config/
 export default defineConfig({
-  plugins: [react()],
+  plugins: [react(),
+    VitePWA({
+      registerType: 'autoUpdate', // Automatically updates service workers
+      includeAssets: ['favicon.ico'], //, 'robots.txt', 'apple-touch-icon.png'
+      manifest: {
+        name: 'E-Wallet',
+        short_name: 'Wallet',
+        description: 'E Wallet for Piramal',
+        theme_color: '#ffffff',
+        icons: [
+          {
+            src: 'favicon.ico',
+            sizes: '192x192',
+            type: 'image/png',
+          },
+          {
+            src: 'favicon.ico',
+            sizes: '512x512',
+            type: 'image/png',
+          },
+          {
+            src: 'favicon.ico',
+            sizes: '512x512',
+            type: 'image/png',
+            purpose: 'any maskable',
+          },
+        ],
+      },
+    }),
+  ],
 })