From 7f81af24547f2725b9797052d1a7f36fe1717ccc Mon Sep 17 00:00:00 2001
From: Daniel Kluge <daniel-git@c0ntroller.de>
Date: Sat, 30 Jul 2022 17:49:29 +0200
Subject: [PATCH] Move fake link class

---
 components/ProjectModal.tsx    |  6 +++---
 styles/ProjectModal.module.css | 10 ++++++++++
 styles/globals.css             |  9 ---------
 3 files changed, 13 insertions(+), 12 deletions(-)

diff --git a/components/ProjectModal.tsx b/components/ProjectModal.tsx
index fa3a00a..a9302c3 100644
--- a/components/ProjectModal.tsx
+++ b/components/ProjectModal.tsx
@@ -79,8 +79,8 @@ const ProjectModal: NextPage = () => {
     const nextPageSelector = (() => {
         if (!currentContent || currentContent?.type !== "diary" || currentContent.entries.length === 0) return null;
 
-        const prev = <span className={styles.leftSelectSpace}>{currentPage > 0 ? <a className={"fake-link"} onClick={() => setModalContent(currentContent, currentPage - 1)}>&lt; {currentPage - 1 > 0 ? currentContent.entries[currentPage - 2].title : "Main page"}</a> : null}</span>;
-        const next = <span className={styles.rightSelectSpace}>{currentPage < currentContent.entries.length ? <a className={"fake-link"} onClick={() => setModalContent(currentContent, currentPage + 1)}>{currentContent.entries[currentPage].title} &gt;</a> : null}</span>;
+        const prev = <span className={styles.leftSelectSpace}>{currentPage > 0 ? <a className={styles.fakeLink} onClick={() => setModalContent(currentContent, currentPage - 1)}>&lt; {currentPage - 1 > 0 ? currentContent.entries[currentPage - 2].title : "Main page"}</a> : null}</span>;
+        const next = <span className={styles.rightSelectSpace}>{currentPage < currentContent.entries.length ? <a className={styles.fakeLink} onClick={() => setModalContent(currentContent, currentPage + 1)}>{currentContent.entries[currentPage].title} &gt;</a> : null}</span>;
 
         const select = (
             <select onChange={(e) => setModalContent(currentContent, Number.parseInt(e.target.value))} value={currentPage}>
@@ -93,7 +93,7 @@ const ProjectModal: NextPage = () => {
     })();
 
     return <div className={styles.modal}>
-        <a onClick={() => setVisible(false)} className={"fake-link"}>
+        <a onClick={() => setVisible(false)} className={styles.fakeLink}>
             <div className={styles.modalClose}><div className={styles.modalCloseAlign}>X</div></div>
         </a>
         <div className={styles.modalContainer}>
diff --git a/styles/ProjectModal.module.css b/styles/ProjectModal.module.css
index 124caa9..3b2cfb2 100644
--- a/styles/ProjectModal.module.css
+++ b/styles/ProjectModal.module.css
@@ -142,4 +142,14 @@
     .pageSelector {
         display: block;
     }
+}
+
+.fakeLink {
+    color: var(--repl-color-link);
+    text-decoration: none;
+    cursor: pointer;
+}
+
+.fakeLink:hover {
+    text-decoration: underline;
 }
\ No newline at end of file
diff --git a/styles/globals.css b/styles/globals.css
index e15490b..09e9bc6 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -19,12 +19,3 @@ body {
   color: var(--repl-color);
   background: #000;
 }
-
-.fake-link {
-  color: var(--repl-color-link);
-  text-decoration: none;
-  cursor: pointer;
-}
-.fake-link:hover {
-  text-decoration: underline;
-}
\ No newline at end of file