Added Daniel testPage1

public/svgs/index.ts

@@ -1,5 +1,14 @@
 // basic util svg
-export { default as copy } from "./copy.svg";
-export { default as control } from "./control.svg";
 export { default as arrowLeft } from "./arrowLeft.svg";
+export { default as cast } from "./cast.svg";
+export { default as chat } from "./chat.svg";
+export { default as control } from "./control.svg";
+export { default as copy } from "./copy.svg";
+export { default as currency } from "./currency.svg";
+export { default as eth } from "./eth.svg";
+export { default as history } from "./history.svg";
+export { default as loader } from "./loader.svg";
+export { default as nvir } from "./nvir.svg";
 export { default as outLink } from "./outLink.svg";
+export { default as star } from "./star.svg";
+export { default as wallet } from "./wallet.svg";

src/app/daniel/testPage1/container/HomeContainer.tsx

@@ -0,0 +1,45 @@
+"use client";
+import { Layout } from "antd";
+import { Content, Footer, Header } from "antd/es/layout/layout";
+import { DanielEmptyContentAtom } from "~/components/Atoms/EmptyContentAtom/DanielEmptyContentAtom";
+import DanielPreviewDisplayAtom from "~/components/Atoms/EmptyContentAtom/DanielPreviewDisplayAtom";
+import { DanielFooterAtom } from "~/components/Atoms/FooterAtom/DanielFooterAtom";
+import { DanielHeaderAtom } from "~/components/Atoms/HeaderAtom/DanielHeaderAtom";
+
+const HomeContainer = () => {
+  return (
+    <Layout className='flex min-h-screen flex-col' style={{ height: "100dvh" }}>
+      <Header
+        style={{
+          padding: "0px",
+        }}
+      >
+        <DanielHeaderAtom
+          onClickLeftIcon={() => alert("You just clicked the cast icon")}
+          onClickRightIcon={() => alert("You just clicked the settings icon")}
+          title='Proxima OS'
+        />
+
+        <Content className='relative flex flex-grow flex-col bg-[#1F1F1F]'>
+          <div
+            style={{
+              padding: "15px 20px",
+            }}
+          >
+            <DanielEmptyContentAtom />
+          </div>
+
+          <div style={{ padding: "auto 0px" }}>
+            <DanielPreviewDisplayAtom />
+          </div>
+        </Content>
+
+        <Footer style={{ padding: "0px", backgroundColor: "#262626" }}>
+          <DanielFooterAtom />
+        </Footer>
+      </Header>
+    </Layout>
+  );
+};
+
+export default HomeContainer;

src/app/daniel/testPage1/page.tsx

@@ -0,0 +1,5 @@
+import HomeContainer from "./container/HomeContainer";
+
+export default function TestPageOne() {
+  return <HomeContainer />;
+}

src/components/Atoms/EmptyContentAtom/DanielEmptyContentAtom.tsx

@@ -0,0 +1,14 @@
+import { DanielStarredAtom } from "./DanielStarredAtom";
+
+export const DanielEmptyContentAtom = () => {
+  return (
+    <div className='text-white'>
+      <div className='text-3xl font-bold'>Messages</div>
+      <div className='my-4'>
+        <div className='flex flex-row items-center gap-4'>
+          <DanielStarredAtom name='Proxima' />
+        </div>
+      </div>
+    </div>
+  );
+};