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;