1 files changed, 13 insertions, 12 deletions
diff --git a/FrontEnd/src/service-worker.tsx b/FrontEnd/src/service-worker.tsx
index e40124fe..e4af54e1 100644
--- a/FrontEnd/src/service-worker.tsx
+++ b/FrontEnd/src/service-worker.tsx
@@ -1,9 +1,10 @@
 import React from "react";
 import { useTranslation } from "react-i18next";
-import { Button } from "react-bootstrap";
 
 import { pushAlert } from "./services/alert";
 
+import Button from "./views/common/button/Button";
+
 if (import.meta.env.PROD && "serviceWorker" in navigator) {
   let isThisTriggerUpgrade = false;
 
@@ -37,20 +38,18 @@ if (import.meta.env.PROD && "serviceWorker" in navigator) {
             <>
               {t("serviceWorker.externalActivatedPrompt")}
               <Button
-                variant="outline-success"
-                size="sm"
+                text="serviceWorker.reloadNow"
+                color="success"
                 onClick={upgradeReload}
-              >
-                {t("serviceWorker.reloadNow")}
-              </Button>
+              />
             </>
           );
         };
 
         pushAlert({
-          message: Message,
+          customMessage: <Message />,
           dismissTime: "never",
-          type: "warning",
+          type: "primary",
         });
       }
     });
@@ -83,15 +82,17 @@ if (import.meta.env.PROD && "serviceWorker" in navigator) {
         return (
           <>
             {t("serviceWorker.upgradePrompt")}
-            <Button variant="outline-success" size="sm" onClick={upgrade}>
-              {t("serviceWorker.upgradeNow")}
-            </Button>
+            <Button
+              text="serviceWorker.upgradeNow"
+              color="success"
+              onClick={upgrade}
+            />
           </>
         );
       };
 
       pushAlert({
-        message: UpgradeMessage,
+        customMessage: <UpgradeMessage />,
         dismissTime: "never",
         type: "success",
       });