This commit is contained in:
+13
-11
@@ -1,18 +1,20 @@
|
|||||||
import React from 'react';
|
import React, { useState } from 'react';
|
||||||
import Menu from './features/menu';
|
import Menu from './features/menu';
|
||||||
import Editor from './features/editor';
|
import Editor from './features/editor';
|
||||||
|
import MemoryPage from './features/memory';
|
||||||
|
|
||||||
|
export default function App() {
|
||||||
|
const [page, setPage] = useState('editor');
|
||||||
|
|
||||||
function App() {
|
|
||||||
// DUMB THING TO STOP TEXT FROM DRAGGING GRRRR
|
|
||||||
window.ondragstart = function () {
|
|
||||||
return false;
|
|
||||||
};
|
|
||||||
return (
|
return (
|
||||||
<div className="h-screen overflow-hidden bg-gray-200 grid grid-cols-6 grid-rows-1 gap-2">
|
<div className="h-screen overflow-hidden bg-gray-200 grid grid-cols-6 grid-rows-1 gap-2">
|
||||||
<Menu />
|
|
||||||
<Editor />
|
<Menu page={page} setPage={setPage} />
|
||||||
|
|
||||||
|
<div className="col-span-5 h-full min-h-0 overflow-hidden">
|
||||||
|
{page === 'editor' ? <Editor /> : <MemoryPage />}
|
||||||
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
export default App;
|
|
||||||
Reference in New Issue
Block a user