@@ -20,7 +17,7 @@ export const Contribute = ()=>{
One of the first things you should do is actually use Etherpad, and get to know it - read about it,
evangelise it, and engage with the wider community. You can also translate the user interface to your mother
tongue or learn how to write plugins. Be creative!
-
If you'd like to help, navigateToElement('contact')}>get in touch! Also, If you'd like to help, ! Also, the wiki is always a valuable resource.
Development workflow
diff --git a/src/pages/CustomizeAppearance.tsx b/src/pagesToDisplay/CustomizeAppearance.tsx
similarity index 84%
rename from src/pages/CustomizeAppearance.tsx
rename to src/pagesToDisplay/CustomizeAppearance.tsx
index 30070c5..e53ba9e 100644
--- a/src/pages/CustomizeAppearance.tsx
+++ b/src/pagesToDisplay/CustomizeAppearance.tsx
@@ -2,13 +2,14 @@ import skinVariant from '../assets/img/etherpad_skin_variants.gif'
import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
import {faPaintBrush} from "@fortawesome/free-solid-svg-icons";
import {Suspense} from "react";
+
export const CustomizeAppearance = ()=>{
return
Customize Appearance
- 
diff --git a/src/pages/DownloadLatestVersion.tsx b/src/pagesToDisplay/DownloadLatestVersion.tsx
similarity index 99%
rename from src/pages/DownloadLatestVersion.tsx
rename to src/pagesToDisplay/DownloadLatestVersion.tsx
index 14a9871..786001b 100644
--- a/src/pages/DownloadLatestVersion.tsx
+++ b/src/pagesToDisplay/DownloadLatestVersion.tsx
@@ -1,5 +1,7 @@
+'use client'
import {CURRENT_VERSION, INSTALLATION_LINK, LINUX_MAC_DOWNLOAD} from "../Constants.ts";
import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
+
import {faDownload} from "@fortawesome/free-solid-svg-icons";
import {GHRelease, useUIStore} from "../store/store.ts";
import {faWindows, faApple, faLinux} from '@fortawesome/free-brands-svg-icons'
@@ -9,8 +11,6 @@ import {FileNotPresentDialog} from "../components/FileNotPresentDialog.tsx";
export const DownloadLatestVersion = ()=>{
const changeSelectedVersionWindowOpen = useUIStore(state => state.setSelectVersionWindow)
-
-
const downloadFileChecked = async () => {
const response: GHRelease = await fetch("https://api.github.com/repos/ether/etherpad-lite/releases/latest")
.then(response => response.json())
diff --git a/src/pagesToDisplay/GetInTouchContact.tsx b/src/pagesToDisplay/GetInTouchContact.tsx
new file mode 100644
index 0000000..3187531
--- /dev/null
+++ b/src/pagesToDisplay/GetInTouchContact.tsx
@@ -0,0 +1,30 @@
+import {FontAwesomeIcon} from '@fortawesome/react-fontawesome'
+import {faEnvelope} from '@fortawesome/free-solid-svg-icons'
+import {faDiscord, faTwitter} from '@fortawesome/free-brands-svg-icons'
+import Link from "next/link";
+export const GetInTouchContact = ()=>{
+
+ return
+}
diff --git a/src/pages/Header.tsx b/src/pagesToDisplay/Header.tsx
similarity index 89%
rename from src/pages/Header.tsx
rename to src/pagesToDisplay/Header.tsx
index 6c45429..16be8ed 100644
--- a/src/pages/Header.tsx
+++ b/src/pagesToDisplay/Header.tsx
@@ -1,24 +1,27 @@
+'use client'
import brandSvg from '../assets/img/brand.svg';
import {Suspense, useState} from "react";
import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
import {faBars} from "@fortawesome/free-solid-svg-icons";
import {MobileDrawer} from "../components/MobileDrawer.tsx";
import {ThemeToggler} from "../components/ThemeToggler.tsx";
-import {useNavigate} from "react-router-dom";
+import {useRouter} from "next/navigation";
+import Image from "next/image";
+
export const Header = () => {
const [mobileDrawerOpen, setMobileDrawerOpen] = useState
(false)
- const navigate = useNavigate()
+ const navigate = useRouter()
const navigateToElement = (elementId: string)=>{
document.getElementById(elementId)?.scrollIntoView({block: "start", inline: "nearest"})
- navigate('/#'+elementId)
+ navigate.push('/#'+elementId)
}
return <>