pwa manager in settings

components/publisher/PublisherForm.js

@@ -6,6 +6,7 @@ import Link from "next/link";
 import axiosInstance from '../../src/axiosSecure';
 //import { getDate } from "date-fns";
 
+import PwaManager from "../PwaManager";
 import { monthNamesBG, GetTimeFormat, GetDateFormat } from "../../src/helpers/const"
 import PublisherSearchBox from './PublisherSearchBox';
 import AvailabilityList from "../availability/AvailabilityList";
@@ -241,16 +242,28 @@ export default function PublisherForm({ item, me }) {
               <input type="text" id="town" name="town" value={publisher.town} onChange={handleChange} className="textbox" placeholder="Град" autoFocus />
             </div>
             <div className="mb-4">
+              {/* notifications */}
               <div className="form-check">
                 <input className="checkbox" type="checkbox" id="isSubscribedToCoverMe" name="isSubscribedToCoverMe" onChange={handleChange} checked={publisher.isSubscribedToCoverMe} autoComplete="off" />
                 <label className="label" htmlFor="isSubscribedToCoverMe">Абониран за имейли за заместване</label>
                 <input className="checkbox" type="checkbox" id="isSubscribedToReminders" name="isSubscribedToReminders" onChange={handleChange} checked={publisher.isSubscribedToReminders} autoComplete="off" />
                 <label className="label" htmlFor="isSubscribedToReminders">Абониран за напомняния (имейл)</label>
+                {/* prompt to install PWA */}
               </div>
             </div>
 
+            {/* button to install PWA */}
+            {/* <div className="mb-4">
+              <button className="button bg-blue-500 hover:bg-blue-700 focus:outline-none focus:shadow-outline" type="button" onClick={() => window.installPWA()}>
+                Инсталирай приложението
+            </div> */}
+
+
             {/* ADMINISTRATORS ONLY */}
             <ProtectedRoute allowedRoles={[UserRole.ADMIN]} deniedMessage=" " className="">
+
+              <PwaManager />
+
               <div className="border border-blue-500 border-solid p-2">
                 <div className="mb-4">
                   <label className="label" htmlFor="type">Тип</label>
@@ -292,10 +305,7 @@ export default function PublisherForm({ item, me }) {
                     {/* Add other roles as needed */}
                   </select>
                 </div>
-                <a href="https://t.me/mwHitnessing_bot" className="inline-flex items-center ml-4" target="_blank">
-                  <img src="/content/icons/telegram-svgrepo-com.svg" alt="Телеграм" width="32" height="32" className="align-middle" />
-                  <span className="align-middle">Телеграм</span>
-                </a>
+
               </div>
             </ProtectedRoute>
             {/* ---------------------------- Actions --------------------------------- */}