From afaba23412c43cd0ee9d259be0ab3dbe5d7866ec Mon Sep 17 00:00:00 2001 From: nnebuoukamaka Date: Sun, 29 Sep 2024 11:13:32 +0100 Subject: [PATCH 1/3] initial commit of the NnebuoUkamaka branch --- pages/_app.js | 7 ++ pages/homePage.tsx | 7 ++ pages/settingsPage.tsx | 7 ++ pages/votePage.tsx | 7 ++ public/images/cameraIcon.png | Bin 0 -> 357 bytes public/images/starIcon.png | Bin 0 -> 1873 bytes public/svgs/ETH.svg | 9 ++ public/svgs/N.svg | 4 + public/svgs/blocksIcon.svg | 9 ++ public/svgs/nvr.svg | 20 ++++ .../homePage/container/HomePageContainer.tsx | 94 ++++++++++++++++++ .../container/SettingsContainer.tsx | 48 +++++++++ .../vote/container/VoteContainer.tsx | 70 +++++++++++++ 13 files changed, 282 insertions(+) create mode 100644 pages/_app.js create mode 100644 pages/homePage.tsx create mode 100644 pages/settingsPage.tsx create mode 100644 pages/votePage.tsx create mode 100644 public/images/cameraIcon.png create mode 100644 public/images/starIcon.png create mode 100644 public/svgs/ETH.svg create mode 100644 public/svgs/N.svg create mode 100644 public/svgs/blocksIcon.svg create mode 100644 public/svgs/nvr.svg create mode 100644 src/app/NnebuoUkamaka/homePage/container/HomePageContainer.tsx create mode 100644 src/app/NnebuoUkamaka/settingsPage/container/SettingsContainer.tsx create mode 100644 src/app/NnebuoUkamaka/vote/container/VoteContainer.tsx diff --git a/pages/_app.js b/pages/_app.js new file mode 100644 index 0000000..50ff4b8 --- /dev/null +++ b/pages/_app.js @@ -0,0 +1,7 @@ +import '../src/styles/globals.css'; + +function MyApp({ Component, pageProps }) { + return ; +} + +export default MyApp; diff --git a/pages/homePage.tsx b/pages/homePage.tsx new file mode 100644 index 0000000..d606ae8 --- /dev/null +++ b/pages/homePage.tsx @@ -0,0 +1,7 @@ +import HomeContainer from "../src/app/NnebuoUkamaka/homePage/container/HomePageContainer"; + +const Home = () => { + return +}; + +export default Home; \ No newline at end of file diff --git a/pages/settingsPage.tsx b/pages/settingsPage.tsx new file mode 100644 index 0000000..281755a --- /dev/null +++ b/pages/settingsPage.tsx @@ -0,0 +1,7 @@ +import SettingsContainer from "../src/app/NnebuoUkamaka/settingsPage/container/SettingsContainer"; + +const Settings = () => { + return +}; + +export default Settings; \ No newline at end of file diff --git a/pages/votePage.tsx b/pages/votePage.tsx new file mode 100644 index 0000000..b92e1ef --- /dev/null +++ b/pages/votePage.tsx @@ -0,0 +1,7 @@ +import VoteContainer from "~/app/NnebuoUkamaka/vote/container/VoteContainer"; + +const Vote = () => { + return +}; + +export default Vote \ No newline at end of file diff --git a/public/images/cameraIcon.png b/public/images/cameraIcon.png new file mode 100644 index 0000000000000000000000000000000000000000..0325414fa4f5b41fe70489bed8cb0e8df3fb6560 GIT binary patch literal 357 zcmeAS@N?(olHy`uVBq!ia0vp^;vmey1|%P7U0DF6I14-?iy0WWg+Z8+Vb&Z8pde#$ zkh>GZx^prwfgF}}M_)$E)e-c@N{9m3fjv*C{Z$lRH9WoH86%YzoP;jPkR4>J_qxTGaVI*WechvzG~mR@IsTfMttquo3nNlvw9ib&pIf1Pj&N;Hj6DlUb?qU z%JLQNdv-IaK648Zhii&{Z`f1hB%>&CS^gNa-8Yrni|;!507HSn)78&qol`;+0K{F7 A>;M1& literal 0 HcmV?d00001 diff --git a/public/images/starIcon.png b/public/images/starIcon.png new file mode 100644 index 0000000000000000000000000000000000000000..9960f9e01f18515ec5d8d599c8b08f41767e81fc GIT binary patch literal 1873 zcmV-X2d?;uP)N*q&r>)9IW3s3{0SD(q52aLU59O2`D;25b)ZPN>iBmu-Ql%aW zm!4Xwh)a9INR(EUs%&ZqX$6X@1TiK7ix58Itljt4Ue_PH&U$xtu=z=AuV=@*JO7<| z^XARi3IZk;)53jy(26QF6fvq$lA<6+`{5!Gw(?PWj$U%bBGQzeru`YE0R74pJ&Ax( z5CB~8-T_P~MI53FXw`-FNU{K&E##4$o72+}j8G9qMzjQ-agufu2#zG(^r=)z{|SN+ zB7&sC*FZO(Hh|-^Dg6w5;!A{QQTTdTjC>wrewv9V5xC9w4`7mv*ym^y$nKoHn$nNL z11*cNV}};&?#2bWXbf$J*IJ>rlKHLO+BgX?-HrkJI*yGe|IQ9ZF?H zuq&=j$ZQ7lQ|}>jWS_a+`Xb?&j|*MRinawlNSFh^Dr!WaYB32(teQ`Bu=1G;#!uOf z-kF7(&jXjz@P$%a&PsD&f17H-Cy)eJ@#X!)HEG<=U%ZxW$jj+HHfBR1)AbNaR7C0Hw4THvgEi&CgHYcMYhfR2!1KYc>b&5g<7* z@<w{*u$u`2thPXuI zCK0OdGre&Cz?)b&vbXX%_wIJ{orUPRzE}~3ouTab+m2l!!^b#J^#yn&ytW1{M8Q%`@fmn8I2bd2TD)1JxFtLBj=8yEWps-l5y0hF!P8?t;V0eo z@F`@Y(ltH1&y|y4RHaI=4L)HzFnsj9R3TV^*XWwvUI$WTC~g{K5n>Pkw|QAYSOV}h z{lb&Os>r~J3?W1cz;OB5PY^n6=9`P2{tZE~^~6PC0+b22H2LC|O+Wu_20lcymCiYE zNqoE~5D^#_qF>;EhaICZoihkngd9460PRdpRRR*>F*!-gP2A&F;h}eZgh>Qke$`wb zBp4Q8e(E4Z!XwQ2srQ8o!E2;ggqsiuht2-|>VTsw?FSa(CY^h=$=IV+iVBH<0(1z1 zZ;op~Uf@mElP_OGm=FcbsN^vT5kZCk79xe<@~fecDS|KKC{q9nO9;Q=IG%`6bzNrx zeAR~KeKDy5SnxG-6wB~Tu@q=EBTK~s&QYi-0gtFF_A^K9=Wiqzx1WaE8_l4~Q!G*h zYQ6XZM~eo3NSQUv>}o0G_LyRicE;A}+HNQ)FlVC7a0-W*)(qT-4;DV%Yes)Kq-GVm zSHEqW_uBah$7;+&`#@BukXlXrCF!82b7$yt3AX;W=GTS7J&daqR*mh22@O zC7N8dgI(jT0gO8upr%0fV2pRws>I`v1V2G9$3$W%IA!fuL?};JCm{h2zB-Ks{KO00 z!d~*VsD z754bpd1401LGl|uZw5Dmt0~=fqSJXDqo&0|Bm|z9b&OruV^<3p#}%!MnM`i*mFOK( zsihU;?T7&!p8HGx-RXGKWxaQ^89fq-DpX$*=v2ti&tB1+E=^u{fp<2WNp`FdBmf!u zW9wyewbZ{Og>WeV)6%4Td4=0|Xm4YgD;PLBJL~>ea;^Ucih7MM0~dnsKE1%*AUi`& zy?_&*muHNOXea60QkVTTg&d)WAskDWB4sV%YmG`<)QVDw?6{xbRQp`0Q-aq-(}^af ziXouz7D7a@Fb!vsnn;knh`_>I2o=GCn~7>5LDO5~0tCrX!S$kwb1N#&cxm(N5r_!& z@G?R3{}T+1^70to$}425yV@L2j++0UKpS~5=Km* + + + + + + + + diff --git a/public/svgs/N.svg b/public/svgs/N.svg new file mode 100644 index 0000000..832a660 --- /dev/null +++ b/public/svgs/N.svg @@ -0,0 +1,4 @@ + + + + diff --git a/public/svgs/blocksIcon.svg b/public/svgs/blocksIcon.svg new file mode 100644 index 0000000..3512553 --- /dev/null +++ b/public/svgs/blocksIcon.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/public/svgs/nvr.svg b/public/svgs/nvr.svg new file mode 100644 index 0000000..755c22c --- /dev/null +++ b/public/svgs/nvr.svg @@ -0,0 +1,20 @@ + + + + + + + + + + + + + + + + + + + + diff --git a/src/app/NnebuoUkamaka/homePage/container/HomePageContainer.tsx b/src/app/NnebuoUkamaka/homePage/container/HomePageContainer.tsx new file mode 100644 index 0000000..3db6d9c --- /dev/null +++ b/src/app/NnebuoUkamaka/homePage/container/HomePageContainer.tsx @@ -0,0 +1,94 @@ +import React from "react"; +import { NextPage } from "next"; +import Image from "next/image"; +interface Message { + id: number; + icon: string; // URL or emoji for the icon + name: string; + time: string; + content: string; + unread: boolean; +} + +const messages: Message[] = [ + { + id: 1, + icon: "/svgs/ETH.svg", + name: "ETH", + time: "08:43 PM", + content: "User: namulabs is fantastic company...", + unread: true, + }, + { + id: 2, + icon: "/svgs/nvr.svg", + name: "Nvir", + time: "08:42 AM", + content: "User: namulabs is fantastic company...", + unread: false, + }, +]; + +const HomeContainer: NextPage = () => { + return ( +
+

Messages

+
+
+
+ star +
+ Proxima +
+ +
+ {messages.map((message) => ( +
+
+ {message.name} + +
+

{message.name}

+

+ {message.content} +

+
+
+
+

{message.time}

+ {message.unread && ( +
+ badge +
+ )} +
+
+ ))} +
+
+
+ ); +}; + +export default HomeContainer; diff --git a/src/app/NnebuoUkamaka/settingsPage/container/SettingsContainer.tsx b/src/app/NnebuoUkamaka/settingsPage/container/SettingsContainer.tsx new file mode 100644 index 0000000..3480891 --- /dev/null +++ b/src/app/NnebuoUkamaka/settingsPage/container/SettingsContainer.tsx @@ -0,0 +1,48 @@ +import React from "react"; +import { NextPage } from "next"; +import Image from "next/image"; +const SettingsContainer: NextPage = () => { + return ( +
+
+

Messages

+
+
+ star +
+
+ Proxima +
+ {/*
*/} +
+

+ Transaction processing +

+
+ Processing Cube +
+ +

Uploading your transaction to the node.

+

please wait for a moment...

+ +

This may take up to 2 minutes.

+
+ {/*
*/} +
+
+
+ ); +}; + +export default SettingsContainer; diff --git a/src/app/NnebuoUkamaka/vote/container/VoteContainer.tsx b/src/app/NnebuoUkamaka/vote/container/VoteContainer.tsx new file mode 100644 index 0000000..d8aae12 --- /dev/null +++ b/src/app/NnebuoUkamaka/vote/container/VoteContainer.tsx @@ -0,0 +1,70 @@ +import React from "react"; +import Image from "next/image"; +const VoteContainer = () => { + return ( +
+
+

Vote

+

+ 10 FAO will be deducted when voting is generated (Amount: 9 FAO) +

+ +
+ + +
+ +
+ + +
+ +
+ +
+ + Image + +
+
+ +
+ + +
+ +
+ + +
+ +
+ +
+
+
+ ); +}; + +export default VoteContainer; From 29e3ec2cfbc438ce595b398c268ec693bdcf0186 Mon Sep 17 00:00:00 2001 From: nnebuoukamaka Date: Sun, 29 Sep 2024 15:08:25 +0100 Subject: [PATCH 2/3] Removed the unwanted components from the branch --- pages/settingsPage.tsx | 7 -- pages/votePage.tsx | 7 -- public/svgs/blocksIcon.svg | 9 --- public/svgs/headerIcon.svg | 4 ++ public/svgs/settingsIcon.svg | 10 +++ .../NnebuoUkamaka/header/headerContainer.tsx | 35 ++++++++++ .../homePage/container/HomePageContainer.tsx | 9 ++- .../container/SettingsContainer.tsx | 48 ------------- .../vote/container/VoteContainer.tsx | 70 ------------------- 9 files changed, 57 insertions(+), 142 deletions(-) delete mode 100644 pages/settingsPage.tsx delete mode 100644 pages/votePage.tsx delete mode 100644 public/svgs/blocksIcon.svg create mode 100644 public/svgs/headerIcon.svg create mode 100644 public/svgs/settingsIcon.svg create mode 100644 src/app/NnebuoUkamaka/header/headerContainer.tsx delete mode 100644 src/app/NnebuoUkamaka/settingsPage/container/SettingsContainer.tsx delete mode 100644 src/app/NnebuoUkamaka/vote/container/VoteContainer.tsx diff --git a/pages/settingsPage.tsx b/pages/settingsPage.tsx deleted file mode 100644 index 281755a..0000000 --- a/pages/settingsPage.tsx +++ /dev/null @@ -1,7 +0,0 @@ -import SettingsContainer from "../src/app/NnebuoUkamaka/settingsPage/container/SettingsContainer"; - -const Settings = () => { - return -}; - -export default Settings; \ No newline at end of file diff --git a/pages/votePage.tsx b/pages/votePage.tsx deleted file mode 100644 index b92e1ef..0000000 --- a/pages/votePage.tsx +++ /dev/null @@ -1,7 +0,0 @@ -import VoteContainer from "~/app/NnebuoUkamaka/vote/container/VoteContainer"; - -const Vote = () => { - return -}; - -export default Vote \ No newline at end of file diff --git a/public/svgs/blocksIcon.svg b/public/svgs/blocksIcon.svg deleted file mode 100644 index 3512553..0000000 --- a/public/svgs/blocksIcon.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - - - diff --git a/public/svgs/headerIcon.svg b/public/svgs/headerIcon.svg new file mode 100644 index 0000000..627b637 --- /dev/null +++ b/public/svgs/headerIcon.svg @@ -0,0 +1,4 @@ + + + + diff --git a/public/svgs/settingsIcon.svg b/public/svgs/settingsIcon.svg new file mode 100644 index 0000000..68f64a9 --- /dev/null +++ b/public/svgs/settingsIcon.svg @@ -0,0 +1,10 @@ + + + + + + + + + + \ No newline at end of file diff --git a/src/app/NnebuoUkamaka/header/headerContainer.tsx b/src/app/NnebuoUkamaka/header/headerContainer.tsx new file mode 100644 index 0000000..2cb36e5 --- /dev/null +++ b/src/app/NnebuoUkamaka/header/headerContainer.tsx @@ -0,0 +1,35 @@ +import React from "react"; +import Image from "next/image"; +const Header = () => { + return ( +
+
+ + copy + +
+
+

Proxima OS

+
+
+ + settings + +
+
+ ); +}; + +export default Header; diff --git a/src/app/NnebuoUkamaka/homePage/container/HomePageContainer.tsx b/src/app/NnebuoUkamaka/homePage/container/HomePageContainer.tsx index 3db6d9c..db091d5 100644 --- a/src/app/NnebuoUkamaka/homePage/container/HomePageContainer.tsx +++ b/src/app/NnebuoUkamaka/homePage/container/HomePageContainer.tsx @@ -1,6 +1,8 @@ import React from "react"; import { NextPage } from "next"; import Image from "next/image"; +import Header from "../../header/headerContainer"; + interface Message { id: number; icon: string; // URL or emoji for the icon @@ -31,7 +33,10 @@ const messages: Message[] = [ const HomeContainer: NextPage = () => { return ( -
+
+
+
+

Messages

@@ -88,6 +93,8 @@ const HomeContainer: NextPage = () => {
+
+
); }; diff --git a/src/app/NnebuoUkamaka/settingsPage/container/SettingsContainer.tsx b/src/app/NnebuoUkamaka/settingsPage/container/SettingsContainer.tsx deleted file mode 100644 index 3480891..0000000 --- a/src/app/NnebuoUkamaka/settingsPage/container/SettingsContainer.tsx +++ /dev/null @@ -1,48 +0,0 @@ -import React from "react"; -import { NextPage } from "next"; -import Image from "next/image"; -const SettingsContainer: NextPage = () => { - return ( -
-
-

Messages

-
-
- star -
-
- Proxima -
- {/*
*/} -
-

- Transaction processing -

-
- Processing Cube -
- -

Uploading your transaction to the node.

-

please wait for a moment...

- -

This may take up to 2 minutes.

-
- {/*
*/} -
-
-
- ); -}; - -export default SettingsContainer; diff --git a/src/app/NnebuoUkamaka/vote/container/VoteContainer.tsx b/src/app/NnebuoUkamaka/vote/container/VoteContainer.tsx deleted file mode 100644 index d8aae12..0000000 --- a/src/app/NnebuoUkamaka/vote/container/VoteContainer.tsx +++ /dev/null @@ -1,70 +0,0 @@ -import React from "react"; -import Image from "next/image"; -const VoteContainer = () => { - return ( -
-
-

Vote

-

- 10 FAO will be deducted when voting is generated (Amount: 9 FAO) -

- -
- - -
- -
- - -
- -
- -
- - Image - -
-
- -
- - -
- -
- - -
- -
- -
-
-
- ); -}; - -export default VoteContainer; From 6f87e202ec0e57a81237e76efbfbd515f8abb77a Mon Sep 17 00:00:00 2001 From: nnebuoukamaka Date: Sun, 29 Sep 2024 17:09:11 +0100 Subject: [PATCH 3/3] Appended the footer component to the main component of the branch --- .../NnebuoUkamaka/footer/FooterContainer.tsx | 61 +++++++++++++++++++ .../homePage/container/HomePageContainer.tsx | 5 +- 2 files changed, 64 insertions(+), 2 deletions(-) create mode 100644 src/app/NnebuoUkamaka/footer/FooterContainer.tsx diff --git a/src/app/NnebuoUkamaka/footer/FooterContainer.tsx b/src/app/NnebuoUkamaka/footer/FooterContainer.tsx new file mode 100644 index 0000000..a1e4b27 --- /dev/null +++ b/src/app/NnebuoUkamaka/footer/FooterContainer.tsx @@ -0,0 +1,61 @@ +import React from "react"; +import Image from "next/image"; + +const Footer = () => { + return ( + + ); +}; + +export default Footer; diff --git a/src/app/NnebuoUkamaka/homePage/container/HomePageContainer.tsx b/src/app/NnebuoUkamaka/homePage/container/HomePageContainer.tsx index db091d5..9b6f8bc 100644 --- a/src/app/NnebuoUkamaka/homePage/container/HomePageContainer.tsx +++ b/src/app/NnebuoUkamaka/homePage/container/HomePageContainer.tsx @@ -1,8 +1,8 @@ import React from "react"; import { NextPage } from "next"; import Image from "next/image"; -import Header from "../../header/headerContainer"; - +import Header from "../../header/HeaderContainer"; +import Footer from "../../footer/FooterContainer"; interface Message { id: number; icon: string; // URL or emoji for the icon @@ -94,6 +94,7 @@ const HomeContainer: NextPage = () => {
+