Removed profile (#588)

Author: dharmesh-hemaram

apps/acf-extension/src/background/index.ts

@@ -23,7 +23,6 @@ import { AcfSchedule } from './acf-schedule';
 import registerContextMenus from './context-menu';
 import { auth } from './firebase';
 import { googleAnalytics } from './google-analytics';
-import { SyncConfig } from './sync-config';
 import { TabsMessenger } from './tab';
 
 self['XMLHttpRequest'] = XMLHttpRequest;
@@ -74,31 +73,6 @@ try {
     }*/
   });
 
-  /**
-   * On startup check if user is logged in and sync config
-   * If user is not logged in then do nothing
-   * If user is logged in then sync config
-   * If user is logged in and last backup is more than 7 days then sync config
-   * Set last backup time in local storage
-   */
-  chrome.runtime.onStartup.addListener(() => {
-    auth.authStateReady().then(() => {
-      new FirebaseFirestoreBackground(auth).getProfile().then((profile) => {
-        if (profile) {
-          chrome.storage.local.get('last-backup', (result) => {
-            if (result['last-backup'] === undefined) {
-              new SyncConfig(auth).syncConfig(false);
-              chrome.storage.local.set({ 'last-backup': Date.now() });
-            } else if (Date.now() - result['last-backup'] > 604800000) {
-              new SyncConfig(auth).syncConfig(true);
-              chrome.storage.local.set({ 'last-backup': Date.now() });
-            }
-          });
-        }
-      });
-    });
-  });
-
   /**
    * Set Context Menu for right click
    */

apps/acf-options-page/src/app/app.tsx

@@ -8,7 +8,7 @@ import { LoginModal } from '../modal/login.modal';
 import { SubscribeModal } from '../modal/subscribe.modal';
 import { getManifest } from '../store/app.api';
 import { appSelector } from '../store/app.slice';
-import { firebaseIsLoginAPI, firebaseSelector, profileGetAPI } from '../store/firebase';
+import { firebaseIsLoginAPI, firebaseSelector } from '../store/firebase';
 import { useAppDispatch, useAppSelector } from '../store/hooks';
 import Configs from './configs/configs';
 import Header from './header';
@@ -29,12 +29,6 @@ function App() {
     });
   }, [dispatch]);
 
-  useEffect(() => {
-    if (user) {
-      dispatch(profileGetAPI());
-    }
-  }, [user, dispatch]);
-
   const onCloseAlert = () => {
     setShow(false);
     localStorage.setItem('login', 'true');

apps/acf-options-page/src/app/header.tsx

@@ -3,7 +3,7 @@ import { useEffect, useState } from 'react';
 import { Badge, Container, Nav, NavDropdown, Navbar, Offcanvas } from 'react-bootstrap';
 import { useTranslation } from 'react-i18next';
 import { SettingsModal } from '../modal';
-import { firebaseFirestoreSelector, firebaseSelector } from '../store/firebase';
+import { firebaseSelector } from '../store/firebase';
 import { useAppDispatch, useAppSelector } from '../store/hooks';
 import { switchSettingsModal } from '../store/settings/settings.slice';
 import { switchTheme, themeSelector } from '../store/theme.slice';
@@ -16,7 +16,6 @@ function Header() {
   const handleClose = () => setShow(false);
   const handleShow = () => setShow(true);
   const theme = useAppSelector(themeSelector);
-  const { profile } = useAppSelector(firebaseFirestoreSelector);
   const { role } = useAppSelector(firebaseSelector);
   const dispatch = useAppDispatch();
   const { t, i18n } = useTranslation();
@@ -69,11 +68,6 @@ function Header() {
               {role.toUpperCase()}
             </Badge>
           )}
-          {profile && (
-            <Badge bg='success' className='ms-2'>
-              PUBLIC
-            </Badge>
-          )}
         </Navbar.Brand>
         <div className='d-flex'>
           <Navbar.Toggle aria-controls='basic-navbar-nav' onClick={handleShow}>
@@ -103,11 +97,6 @@ function Header() {
                   {t('footer.discussion')}
                 </Nav.Link>
               </Nav.Item>
-              <Nav.Item as='li' className='col-6 col-lg-auto'>
-                <Nav.Link target='_blank' rel='noopener noreferrer' title='configuration' href={APP_LINK.CONFIGS} className='rainbow-text'>
-                  {t('footer.configuration')} (new)
-                </Nav.Link>
-              </Nav.Item>
               <Nav.Item as='li' className='col-6 col-lg-auto'>
                 <Nav.Link target='_blank' rel='noopener noreferrer' title='practice form' href={APP_LINK.TEST}>
                   {t('footer.test')}

apps/acf-options-page/src/app/header_google.tsx

@@ -1,14 +1,11 @@
 import { Nav, NavDropdown } from 'react-bootstrap';
-import { firebaseFirestoreSelector, firebaseLogoutAPI, firebaseSelector, switchFirebaseLoginModal } from '../store/firebase';
+import { firebaseLogoutAPI, firebaseSelector, switchFirebaseLoginModal } from '../store/firebase';
 import { useAppDispatch, useAppSelector } from '../store/hooks';
 import { switchSubscribeModal } from '../store/subscribe';
-import { LockFill } from '../util';
-import { HeaderProfile } from './header_profile';
 
 export const HeaderGoogle = () => {
   const dispatch = useAppDispatch();
   const { user, role } = useAppSelector(firebaseSelector);
-  const { profile } = useAppSelector(firebaseFirestoreSelector);
 
   /*
   const onPortalLink = async () => {
@@ -38,16 +35,7 @@ export const HeaderGoogle = () => {
   return (
     <div>
       {user ? (
-        <NavDropdown
-          title={
-            <>
-              {!profile && <LockFill className='me-1' />}
-              {user.displayName}
-            </>
-          }
-          id='subscription-nav-dropdown'
-          align='end'
-        >
+        <NavDropdown title={user.displayName} id='subscription-nav-dropdown' align='end'>
           {!role && (
             <>
               <NavDropdown.Item title='subscribe' onClick={() => dispatch(switchSubscribeModal())}>
@@ -56,7 +44,6 @@ export const HeaderGoogle = () => {
               <NavDropdown.Divider />
             </>
           )}
-          <HeaderProfile />
           <NavDropdown.Item title='logout' onClick={() => dispatch(firebaseLogoutAPI())}>
             Logout
           </NavDropdown.Item>

apps/acf-options-page/src/store/firebase/index.ts

@@ -1,3 +1,2 @@
 export * from './firebase-login.api';
 export * from './firebase-login.slice';
-export * from './firestore';

apps/acf-options-page/src/store/store.ts

@@ -2,7 +2,7 @@ import { configureStore } from '@reduxjs/toolkit';
 import appReducer from './app.slice';
 import { blogReducer } from './blog';
 import { configReducers, configsListenerMiddleware, configsToastListenerMiddleware } from './config';
-import { firebaseFirestoreReducer, firebaseReducer } from './firebase';
+import { firebaseReducer } from './firebase';
 import { googleDriveReducer, googleReducer } from './google';
 import { settingsListenerMiddleware, settingsReducer } from './settings';
 import { subscribeReducer } from './subscribe';
@@ -19,7 +19,6 @@ export const store = configureStore({
     google: googleReducer,
     googleDrive: googleDriveReducer,
     firebase: firebaseReducer,
-    firebaseFirestore: firebaseFirestoreReducer,
     subscribe: subscribeReducer,
     ...configReducers
   },

apps/acf-options-page/src/styles.scss

@@ -7,27 +7,3 @@ body {
 .popover {
   --bs-popover-max-width: 550px;
 }
-
-/* You can add global styles to this file, and also import other style files */
-.rainbow-text {
-  background-image: repeating-linear-gradient(45deg, violet, indigo, blue, green, yellow, orange, red, violet);
-  text-align: center;
-  background-size: 800% 800%;
-  -webkit-background-clip: text;
-  -webkit-text-fill-color: transparent;
-  animation: rainbow 8s ease infinite;
-}
-
-@keyframes rainbow {
-  0% {
-    background-position: 0% 50%;
-  }
-
-  50% {
-    background-position: 100% 25%;
-  }
-
-  100% {
-    background-position: 0% 50%;
-  }
-}