File manager frontend

2023-05-15 16:37:03 +03:00
parent 851229ce9b
commit db900d6a33
11 changed files with 215 additions and 37 deletions
@@ -0,0 +1,29 @@
+import { createSignal } from "solid-js";
+import "../css/FileManager.css"
+import { DateList } from "./DateList";
+import { FileContent } from "./FileContent";
+import { FileNameList } from "./FileNameList";
+
+export function FileManager() {
+    const [getDate, setDate] = createSignal("");
+    const [getFileName, setFileName] = createSignal("");
+
+    return (
+        <div class="fileManager">
+            <h2>File manager</h2>
+            <div class="container">
+                <div class="column">
+                    <DateList setDate={setDate} />
+                </div>
+                <div class="column">
+                    <h3>{getDate()}</h3>
+                    <FileNameList getDate={getDate} setFileName={setFileName} />
+                </div>
+                <div class="column">
+                    <h3>{getFileName()}</h3>
+                    <FileContent getFileName={getFileName} />
+                </div>
+            </div>
+        </div>
+    );
+}