Implement dashboard skeleton

2024-07-03 16:56:59 -07:00
parent f0366f3186
commit ce54b7a6d8
12 changed files with 192 additions and 9 deletions
--- a/modules/menus/dashboard/profile/index.js
+++ b/modules/menus/dashboard/profile/index.js
@@ -0,0 +1,37 @@
+const Profile = () => {
+  return Widget.Box({
+    class_name: "profiles-container",
+    children: [
+      Widget.Box({
+        class_name: "profile-picture-container",
+        children: [
+          Widget.Icon({
+            class_name: "profile-picture",
+          }),
+          Widget.Box({
+            class_name: "profile-name",
+          }),
+        ],
+      }),
+      Widget.Box({
+        class_name: "power-menu-container",
+        children: [
+          Widget.Button({
+            class_name: "dashboard-button shutdown",
+          }),
+          Widget.Button({
+            class_name: "dashboard-button restart",
+          }),
+          Widget.Button({
+            class_name: "dashboard-button lock",
+          }),
+          Widget.Button({
+            class_name: "dashboard-button sleep",
+          }),
+        ],
+      }),
+    ],
+  });
+};
+
+export { Profile };