diff --git a/src/hoc/Meta.tsx b/src/components/Meta.tsx similarity index 66% rename from src/hoc/Meta.tsx rename to src/components/Meta.tsx index 4f28a30..c935131 100644 --- a/src/hoc/Meta.tsx +++ b/src/components/Meta.tsx @@ -5,7 +5,7 @@ import { useEffect, useState } from 'react'; const spinnerFrames = ['◐', '◓', '◑', '◒']; -const Meta = ({ loading }: { loading?: boolean }) => { +const Meta: React.FC<{ loading?: boolean }> = ({ loading }) => { const [searchParams, _setSearchParams] = useSearchParams(); const { pathname, search } = useLocation(); const [currentSpinnerFrame, setCurrentSpinnerFrame] = useState( @@ -15,7 +15,7 @@ const Meta = ({ loading }: { loading?: boolean }) => { const domain = searchParams.get('domain'); const title = `${loading ? currentSpinnerFrame + ' - ' : ''} ${ - domain ? `${domain} - ` : '' + domain ? domain + ' - ' : '' }DomainLookup`; const currentUrl = BASE_URL + pathname + search; @@ -26,26 +26,22 @@ const Meta = ({ loading }: { loading?: boolean }) => { const nextIndex = (spinnerFrames.indexOf(prev) + 1) % spinnerFrames.length; - console.log(nextIndex); return spinnerFrames[nextIndex]; }); - }, 200); + }, 250); return () => clearInterval(spinnerInterval); }, [loading]); return ( - - - {title} - - - - - + + + + + ); }; diff --git a/src/views/Home.tsx b/src/views/Home.tsx index d59f557..adec7bb 100644 --- a/src/views/Home.tsx +++ b/src/views/Home.tsx @@ -4,7 +4,7 @@ import SearchForm from '../components/SearchForm'; import Logo from '../components/Logo'; import { useSearchParams } from 'react-router-dom'; import { useEffect } from 'react'; -import Meta from '../hoc/Meta'; +import Meta from '../components/Meta'; const Home = () => { const [_searchParams, setSearchParams] = useSearchParams(); diff --git a/src/views/Results.tsx b/src/views/Results.tsx index e227216..78eb165 100644 --- a/src/views/Results.tsx +++ b/src/views/Results.tsx @@ -17,7 +17,7 @@ import { H1 } from '../hoc/H1'; import Markers from '../components/Markers'; import { isWordpressInstalled } from '../services/wpCheck.service'; import { isCdnActive } from '../services/cdnCheck.service'; -import Meta from '../hoc/Meta'; +import Meta from '../components/Meta'; interface WhoIsData { result?: Record;