janis/explainegy-nextjs
1
0
Fork 0
mirror of https://github.com/DerTyp7/explainegy-nextjs.git synced 2025-10-29 21:02:13 +01:00
Code Issues Packages Projects Releases Wiki Activity

texts

Browse Source
This commit is contained in:
Janis
2023-02-10 14:48:59 +01:00
parent 730f33879b
commit 29c97e2c90
10 changed files with 530 additions and 64 deletions
Download Patch File Download Diff File Expand all files Collapse all files

60
components/Footer.tsx
View File

@@ -1,40 +1,36 @@
import React from "react";
import styles from "@/styles/modules/Footer.module.scss";
import Image from "next/image";
import Link from "next/link";
export default function Footer() {
return (
<footer className={styles.footer}>
<div className={styles.adContainer}>Future advertisement</div>
<div className={styles.content}>
<div className={styles.company}>
<Image
src={"/images/logo.svg"}
width={190}
height={52}
alt={"Logo"}
/>
<h1>Simple tutorials for everyone!</h1>
</div>
<div className={styles.links}>
<div className={styles.grid}>
<a href="#">Tutorials</a>
<a href="#">Contact</a>
<a href="#">About</a>
return (
<footer className={styles.footer}>
<div className={styles.adContainer}>Future advertisement</div>
<div className={styles.content}>
<div className={styles.company}>
<Image src={"/images/logo.svg"} width={190} height={52} alt={"Logo"} />
<h1>Simple tutorials for everyone!</h1>
</div>
<div className={styles.links}>
<div className={styles.grid}>
<Link href="/articles">Categories</Link>
<Link href="#">Contact</Link>
<Link href="/about">About</Link>
<a></a>
<a href="#">Report Bug</a>
<a href="#">Legal</a>
<a></a>
<Link href="/bug">Report Bug</Link>
<Link href="/legal">Legal</Link>
<a></a>
<a href="#">Feedback</a>
<a href="#">Privacy</a>
<a></a>
<Link href="/feedback">Feedback</Link>
<Link href="/privacy">Privacy</Link>
<a></a>
<a></a>
<a href="#">Cookies</a>
</div>
</div>
</div>
</footer>
);
<a></a>
<a></a>
<Link href="/cookies">Cookies</Link>
</div>
</div>
</div>
</footer>
);
}

11
components/Nav.tsx
View File

@@ -12,9 +12,10 @@ function switchTheme(theme: string) {
const bodyElement = document.getElementsByTagName("body")[0];
if (theme == "dark") {
bodyElement.classList.remove("theme-light");
} else {
bodyElement.classList.add("theme-light");
} else {
bodyElement.classList.remove("theme-light");
localStorage.setItem("theme", "light");
}
}
@@ -48,7 +49,7 @@ export default function Nav() {
const [categories, setCategories] = useState<Category[]>([]);
async function handleSearchInput(event: React.ChangeEvent<HTMLInputElement>) {
const query = event.target.value;
const query = event.target.value ?? "";
let result = await fetch(`/api/search?q=${query}`);
let json = await result.json();
@@ -67,10 +68,6 @@ export default function Nav() {
}
}, []);
useEffect(() => {
console.log(searchResults);
}, [searchResults]);
useEffect(() => {
async function getCategories() {
await fetch(urlJoin(apiUrl, "categories"))