diff --git a/pages/_app.js b/pages/_app.js new file mode 100644 index 0000000..3e33d4b --- /dev/null +++ b/pages/_app.js @@ -0,0 +1,7 @@ +import '../src/styles/globals.css'; + +function MyApp({ Component, pageProps }) { + return ; +} + +export default MyApp; \ No newline at end of file diff --git a/pages/settingsPage.tsx b/pages/settingsPage.tsx new file mode 100644 index 0000000..608fa0a --- /dev/null +++ b/pages/settingsPage.tsx @@ -0,0 +1,6 @@ +import SettingsContainer from "../src/app/NnebuoUkamaka/settingsPage/container/settingsContainer"; +const Settings = () => { + return +}; + +export default Settings; diff --git a/public/svgs/blocks.svg b/public/svgs/blocks.svg new file mode 100644 index 0000000..3512553 --- /dev/null +++ b/public/svgs/blocks.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/public/svgs/cardIcon.svg b/public/svgs/cardIcon.svg new file mode 100644 index 0000000..77d8bbb --- /dev/null +++ b/public/svgs/cardIcon.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/svgs/headerIcon.svg b/public/svgs/headerIcon.svg new file mode 100644 index 0000000..ecce8c0 --- /dev/null +++ b/public/svgs/headerIcon.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/public/svgs/messageIcon.svg b/public/svgs/messageIcon.svg new file mode 100644 index 0000000..b1b3232 --- /dev/null +++ b/public/svgs/messageIcon.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/svgs/paymentIcon.svg b/public/svgs/paymentIcon.svg new file mode 100644 index 0000000..7739135 --- /dev/null +++ b/public/svgs/paymentIcon.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/svgs/reloadIcon.svg b/public/svgs/reloadIcon.svg new file mode 100644 index 0000000..5d26595 --- /dev/null +++ b/public/svgs/reloadIcon.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/svgs/settingsIcon.svg b/public/svgs/settingsIcon.svg new file mode 100644 index 0000000..110ea0d --- /dev/null +++ b/public/svgs/settingsIcon.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/public/svgs/starIcon.svg b/public/svgs/starIcon.svg new file mode 100644 index 0000000..138f90d --- /dev/null +++ b/public/svgs/starIcon.svg @@ -0,0 +1,17 @@ + + + + + + + + + + + + + + + + + diff --git a/src/app/NnebuoUkamaka/footer/FooterContainer.tsx b/src/app/NnebuoUkamaka/footer/FooterContainer.tsx new file mode 100644 index 0000000..e5f6cb6 --- /dev/null +++ b/src/app/NnebuoUkamaka/footer/FooterContainer.tsx @@ -0,0 +1,62 @@ +import React from "react"; +import Link from "next/link"; +import Image from "next/image"; + +const Footer = () => { + return ( + + ); +}; + +export default Footer; diff --git a/src/app/NnebuoUkamaka/header/headerContainer.tsx b/src/app/NnebuoUkamaka/header/headerContainer.tsx new file mode 100644 index 0000000..7676af5 --- /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

+
+
+ + star + +
+
+ ); +}; + +export default Header; diff --git a/src/app/NnebuoUkamaka/settingsPage/container/settingsContainer.tsx b/src/app/NnebuoUkamaka/settingsPage/container/settingsContainer.tsx new file mode 100644 index 0000000..70d0ccf --- /dev/null +++ b/src/app/NnebuoUkamaka/settingsPage/container/settingsContainer.tsx @@ -0,0 +1,52 @@ +import React from "react"; +import { NextPage } from "next"; +import Image from "next/image"; +import Header from "../../header/headerContainer"; +import Footer from "../../footer/FooterContainer"; +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;