diff --git a/apps/acf-options-page/src/app/footer.tsx b/apps/acf-options-page/src/app/footer.tsx index aa942e58..fb6779b3 100644 --- a/apps/acf-options-page/src/app/footer.tsx +++ b/apps/acf-options-page/src/app/footer.tsx @@ -3,7 +3,7 @@ import { useTranslation } from 'react-i18next'; import { SOCIAL_LINKS } from '../constants'; import { useAppSelector } from '../hooks'; import { appSelector } from '../store/app.slice'; -import { ChatFill, Facebook, ShieldCheck, Star, Twitter, Whatsapp } from '../util'; +import { ChatFill, Facebook, Github, ShieldCheck, Star, Twitter, Whatsapp, Youtube } from '../util'; function Footer() { const { manifest } = useAppSelector(appSelector); @@ -43,6 +43,18 @@ function Footer() { {t('footer.discord')} +
  • + + + {t('footer.youtube')} + +
    • +
  • + + + {t('footer.github')} + +
    • diff --git a/apps/acf-options-page/src/app/header.tsx b/apps/acf-options-page/src/app/header.tsx index ed3b498f..32d0cf3f 100644 --- a/apps/acf-options-page/src/app/header.tsx +++ b/apps/acf-options-page/src/app/header.tsx @@ -1,41 +1,25 @@ -import { useTour } from '@reactour/tour'; import { useEffect, useState } from 'react'; import { Badge, Container, Nav, NavDropdown, Navbar, Offcanvas } from 'react-bootstrap'; import { useTranslation } from 'react-i18next'; -import { APP_LANGUAGES, APP_LINK, SOCIAL_LINKS } from '../constants'; +import { APP_LANGUAGES, APP_LINK } from '../constants'; import { useAppDispatch, useAppSelector } from '../hooks'; import { SettingsModal } from '../modal'; -import { appSelector } from '../store/app.slice'; import { firebaseDatabaseSelector, firebaseSelector } from '../store/firebase'; import { switchSettingsModal } from '../store/settings/settings.slice'; import { switchTheme, themeSelector } from '../store/theme.slice'; -import { GearFill, Github, Moon, Sun, ThreeDots, Youtube } from '../util'; +import { GearFill, Moon, Sun, ThreeDots } from '../util'; import { HeaderGoogle } from './header_google'; function Header() { const [show, setShow] = useState(false); const handleClose = () => setShow(false); const handleShow = () => setShow(true); - - const { setIsOpen } = useTour(); const theme = useAppSelector(themeSelector); const { profile } = useAppSelector(firebaseDatabaseSelector); const { role } = useAppSelector(firebaseSelector); - const { extensionNotFound } = useAppSelector(appSelector); const dispatch = useAppDispatch(); const { t, i18n } = useTranslation(); - useEffect(() => { - const tour = localStorage.getItem('tour'); - const version = new URLSearchParams(window.location.search).get('version'); - if (!tour && !version && !extensionNotFound) { - localStorage.setItem('tour', 'true'); - setTimeout(() => { - setIsOpen(true); - }, 1000); - } - }, [setIsOpen, extensionNotFound]); - useEffect(() => { if (/(DEV|BETA|LOCAL)/.test(process.env.NX_PUBLIC_VARIANT || '')) { window.document.title = `${t('common.appName')} [${process.env.NX_PUBLIC_VARIANT}]`; @@ -127,25 +111,11 @@ function Header() { {t('footer.test')} - - setIsOpen(true)} id='tour' title='tour'> - Tour - -