32 lines
855 B
TypeScript
32 lines
855 B
TypeScript
import NavMenu, {MenusProp} from "./components/NavMenu/NavMenu";
|
|
import CodeEditor from "./components/CodeEditor/CodeEditor";
|
|
import {useEffect, useState} from "react";
|
|
import "./index.css";
|
|
|
|
|
|
function Demo() {
|
|
const [data, setData] = useState<MenusProp[]>([]);
|
|
|
|
useEffect(() => {
|
|
fetch("./config.json").then(data => data.json()).then((data) => {
|
|
setData(data);
|
|
});
|
|
}, [])
|
|
|
|
return (
|
|
<div className="demo">
|
|
<div className="menu">
|
|
<NavMenu menus={data}></NavMenu>
|
|
</div>
|
|
<div className="content">
|
|
<CodeEditor></CodeEditor>
|
|
</div>
|
|
<div className="github">
|
|
<a href="https://github.com/pattern-x/gemini-viewer-examples">Github repo</a>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default Demo;
|