start layout for the portfolio page"

q
This commit is contained in:
Khalim Conn-Kowlessar 2023-05-26 19:46:25 +01:00
parent 7488cabf1d
commit 2ec17ee773
5 changed files with 7 additions and 71 deletions

View file

@ -127,12 +127,6 @@ function Nav({ pageName }: { pageName: string }) {
)}
</Transition>
</nav>
<header className="bg-white shadow">
<div className="max-w-7xl mx-auto py-1 px-4 sm:px-6 lg:px-8">
<h1 className="text-3xl font-bold text-gray-900">{pageName}</h1>
</div>
</header>
</div>
);
}

View file

@ -5,7 +5,7 @@ import LightBulbSvg from "./LightBulbSvg";
import CarbonIcon from "./CarbonIcon";
import QuestionMarkIcon from "./QuestionMarkIcon";
import EnvironmentIcon from "./EnvironmentIconSvg";
import ModalSubmit from "./ModelSubmit";
import ModalSubmit from "./ModalSubmit";
const outcomes = [
"Valuation Improvement",
@ -192,6 +192,7 @@ export default function NewPortfolioModal({
</button>
<ModalSubmit
buttonDisabled={buttonDisabled}
porfolioName={portfolioName}
budget={budget}
objective={selectedOutcome}
/>

View file

@ -57,7 +57,6 @@ const Home = async () => {
return (
<>
<Nav pageName="Home"></Nav>
<div className="flex justify-center">
<h1 className="text-3xl font-bold mt-3 mb-5"> Your Portfolios </h1>
</div>

View file

@ -1,5 +1,6 @@
import "./globals.css";
import Provider from "./components/Provider";
import Nav from "./components/Navbar";
export const metadata = {
title: "",
@ -14,7 +15,10 @@ export default function RootLayout({
return (
<html lang="en">
<body>
<Provider>{children}</Provider>
<Provider>
<Nav pageName="Home"></Nav>
{children}
</Provider>
</body>
</html>
);

View file

@ -1,62 +0,0 @@
export default function Page() {
// This is temp until we retrieve this data from the frontend
// TODO: Update the objects to contains objective + any other required information
const Portfolios = [
{
id: "f290f1ee-6c54-4b01-90e6-d701748f0851",
},
{
id: "d290f1ee-6c54-4b01-90e6-d701748f0851",
title: "Portfolio 1",
budget: "£500k",
},
{
id: "d290f1ee-6c54-4b01-90e6-d701748f0852",
title: "Portfolio 2",
budget: "150k",
},
{
id: "d290f1ee-6c54-4b01-90e6-d701748f0853",
title: "Portfolio 3",
budget: "£1m",
},
{
id: "d290f1ee-6c54-4b01-90e6-d701748f0854",
title: "Portfolio 4",
budget: "£2m",
},
{
id: "d290f1ee-6c54-4b01-90e6-d701748f0855",
title: "Portfolio 5",
budget: "£25k",
},
{
id: "d290f1ee-6c54-4b01-90e6-d701748f0856",
title: "Portfolio 6",
budget: "£10k",
},
{
id: "d290f1ee-6c54-4b01-90e6-d701748f0857",
title: "Portfolio 7",
budget: "£33k",
},
{
id: "d290f1ee-6c54-4b01-90e6-d701748f0858",
title: "Portfolio 8",
budget: "£670k",
},
{
id: "d290f1ee-6c54-4b01-90e6-d701748f0859",
title: "Portfolio 9",
budget: "£240k",
},
{
id: "d290f1ee-6c54-4b01-90e6-d701748f0860",
title: "Portfolio 10",
budget: "93k",
},
];
const demo_id = "f290f1ee-6c54-4b01-90e6-d701748f0851";
return <p>Hello world</p>;
}