c0ntroller/frontpage
1
0
Fork 0
Code Issues 4 Pull Requests Actions Packages Projects 1 Activity

Skipping between projects

Browse Source
This commit is contained in:
Daniel Kluge 2022-08-08 13:11:23 +02:00
parent 41449f049d
commit ca3ec697b3
2 changed files with 14 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
components/ProjectModal.tsx
View File

@ -1,5 +1,5 @@
import type { NextPage } from "next"; import type { NextPage } from "next";
import { useEffect, useRef, useState, isValidElement } from "react"; import { useEffect, useRef, useState, isValidElement, useCallback } from "react";
import { useRouter } from "next/router"; import { useRouter } from "next/router";
import styles from "../styles/ProjectModal.module.css"; import styles from "../styles/ProjectModal.module.css";
import type { Project, Diary } from "../lib/content/types"; import type { Project, Diary } from "../lib/content/types";
@ -56,15 +56,25 @@ const ProjectModal: NextPage = () => {
}; };
const setVisible = async (visible: boolean) => { const setVisible = async (visible: boolean) => {
if (!visible) router.replace("#", undefined, {shallow: true}); if (!visible) {
if (window) window.removeEventListener("hashchange", contentFromHash);
router.replace("#", undefined, {shallow: true});
} else {
if (window) window.addEventListener("hashchange", contentFromHash);
}
_setVisible(visible); _setVisible(visible);
}; };
const onContentReady = () => { const contentFromHash = () => {
if (!window) return;
const selected = window.location.hash.split("/"); const selected = window.location.hash.split("/");
if (selected.length > 2) cmdContext.executeCommand(`project ${selected[2]}${selected[3] ? ` ${selected[3]}` : ""}`); if (selected.length > 2) cmdContext.executeCommand(`project ${selected[2]}${selected[3] ? ` ${selected[3]}` : ""}`);
}; };
const onContentReady = () => {
contentFromHash();
};
updateCmdCallbacks({ setModalVisible: setVisible, setModalContent, setModalHTML: setHTMLContent }); updateCmdCallbacks({ setModalVisible: setVisible, setModalContent, setModalHTML: setHTMLContent });
updateModalCallbacks({ setVisible, setContent: setModalContent, setHtml: setHTMLContent, onContentReady }); updateModalCallbacks({ setVisible, setContent: setModalContent, setHtml: setHTMLContent, onContentReady });

1
pages/index.tsx
View File

@ -8,6 +8,7 @@ import ProjectModal from "../components/ProjectModal";
import REPL from "../components/REPL"; import REPL from "../components/REPL";
import styles from "../styles/Home.module.css"; import styles from "../styles/Home.module.css";
import type { ContentList } from "../lib/content/types"; import type { ContentList } from "../lib/content/types";
import { useRouter } from "next/router";
const Home: NextPage<{ buildTime: string }> = ({ buildTime }) => { const Home: NextPage<{ buildTime: string }> = ({ buildTime }) => {
const inputRef = useRef<HTMLInputElement>(null); const inputRef = useRef<HTMLInputElement>(null);