diff --git a/src/App.js b/src/App.js index ee02772..dcc5e5f 100644 --- a/src/App.js +++ b/src/App.js @@ -80,7 +80,7 @@ function App() { useEffect(() => { const currentURL = new URL(window.location.href); SetPath(currentURL.pathname); - }) + }, [path]) useEffect(() => { fetchData(); diff --git a/src/componets/List.js b/src/componets/List.js index 9f4e62d..a584665 100644 --- a/src/componets/List.js +++ b/src/componets/List.js @@ -29,13 +29,13 @@ const List = ({ SetPath, data, tags, collections, reFetch, SetLoader, lightMode setNumberOfResults(data.length); }, [data]); - let currentPATH = new URL(window.location.href).pathname + let currentPATH = new URL(window.location.href).pathname; return (
- {currentPATH === "/" ? null : Return to main page} {numberOfResults} {numberOfResults === 1 ? "Link " : "Links "} + {currentPATH === "/" ? null : Return to main page} {numberOfResults} {numberOfResults === 1 ? "Link " : "Links "} found.
) : null} diff --git a/src/styles/List.css b/src/styles/List.css index ac6b499..67c15ff 100644 --- a/src/styles/List.css +++ b/src/styles/List.css @@ -161,8 +161,6 @@ } .tags a { - padding: 10px; - border-radius: 10px; text-shadow: none; margin: 5px; color: inherit; @@ -246,10 +244,10 @@ } .return-btn { - border-radius: 10px; + color: inherit; + opacity: 80%; padding: 5px; font-size: small; font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; - margin-right: 5px; text-shadow: none; } diff --git a/src/styles/index.css b/src/styles/index.css index 6232d07..ba98e3b 100644 --- a/src/styles/index.css +++ b/src/styles/index.css @@ -27,11 +27,6 @@ body { background-color: #1f2c38; } -.tags a { - background: #273949; - box-shadow: 6px 6px 11px #21303e, -6px -6px 11px #2d4254; -} - .send-btn, .apply-btn { background-color: #273949; @@ -102,11 +97,6 @@ body { background-color: lightyellow; } -.light .tags a { - background: #ffffe0b2; - box-shadow: 6px 6px 11px #d9d9be, -6px -6px 11px #ffffff; -} - .light .btn { background-color: lightyellow; color: gray;