start making apps

z1g-project · Feb 20, 2024 · e51c46e · e51c46e
1 parent 48d841b
commit e51c46e
Show file tree

Hide file tree

Showing 5 changed files with 67 additions and 0 deletions.
diff --git a/src/main.tsx b/src/main.tsx
@@ -5,6 +5,7 @@ import { BrowserRouter, Route, Routes } from "react-router-dom";
 import Home from "@/pages/Home";
 import View from "@/pages/View";
 import Settings from "@/pages/Settings";
+import Apps from "@/pages/Apps";
 import ServiceWorkerError from "@/pages/ServiceWorkerError";
 import PageNotFound from "@/pages/PageNotFound";
 import Layout from "@/layout";
@@ -40,6 +41,7 @@ export default function App() {
           <Route path="/" Component={Home} />
           <Route path="/view/:url" Component={View} />
           <Route path="/settings" Component={Settings} />
+          <Route path="/apps" Component={Apps} />
           <Route path="/~/*" Component={ServiceWorkerError} />
           <Route path="*" Component={PageNotFound} />
         </Routes>

diff --git a/src/pages/Apps.tsx b/src/pages/Apps.tsx
@@ -0,0 +1,44 @@
+import Navbar from "@/components/Navbar";
+import Header from "@/components/Header";
+/*
+import {
+    Card,
+    CardContent,
+    CardDescription,
+    CardFooter,
+    CardHeader,
+    CardTitle,
+  } from "@/components/ui/card";
+*/
+export default function Apps() {
+  return (
+    <>
+      <Header title="Apps | Ephemeral" />
+      <div>
+        <Navbar />
+        <div className="absolute left-1/2 top-2 -translate-x-1/2 translate-y-5 text-3xl font-bold text-slate-300">
+          Apps
+        </div>
+        <div className="w-full h-[calc(100%_-_5rem)] translate-y-20">
+          <iframe
+            width="100%"
+            height="100%"
+            src="https://example.com"
+          ></iframe>
+        {/*
+        {apps.map((app) => (
+          <div>
+            <Card>
+              <CardHeader>
+                <CardTitle></CardTitle>
+                <CardDescription></CardDescription>
+              </CardHeader>
+            </Card>
+          </div>
+        ))}
+        */}
+        </div>
+      </div>
+    </>
+  );
+}
diff --git a/src/pages/apps/apps.json b/src/pages/apps/apps.json
@@ -0,0 +1,7 @@
+[
+  {
+    "name": "placeholder",
+    "desc": "placeholder",
+    "path": "placeholder"
+  }
+]
diff --git a/src/pages/apps/apps.ts b/src/pages/apps/apps.ts
@@ -0,0 +1,3 @@
+// import list from "apps.json";
+
+// export const apps = list as [];
diff --git a/src/pages/apps/placeholder/index.html b/src/pages/apps/placeholder/index.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <head>
+
+  </head>
+  <body>
+    <p>
+      placeholder
+    </p>
+  </body>
+</html>