Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

addes image to rows, updated columns & cells to reflect data from the… #54

Merged
merged 2 commits into from
Apr 6, 2024
Merged

addes image to rows, updated columns & cells to reflect data from the… #54

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
0cea3f5
addes image to rows, updated columns & cells to reflect data from the…
fabiofederici Apr 5, 2024
d5cd102
update manage page, additional layout changes
fabiofederici Apr 6, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion web/src/app/manage/BasicInformation.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -78,7 +78,7 @@ export const BasicInformation = ({
invalidText="Text too long."
labelText="Investment Objective"
maxCount={100}
placeholder="The investment objective of the Fund is to seek to provide investment results that correspond generally to the price and yield performance, before fees and expenses, of the Nasdaq Blockchain Economy Index."
placeholder="The Fund seeks to reflect generally the performance of the price of bitcoin."
rows={4}
required
/>
Expand Down
2 changes: 1 addition & 1 deletion web/src/app/manage/CreateProduct.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -280,7 +280,7 @@ export const CreateProduct = () => {

return (
<div className="w-full h-full flex flex-col">
<div className="flex flex-col w-full max-w-[1500px] self-center h-full mt-[100px]">
<div className="flex flex-col w-[80vw] max-w-[1500px] self-center h-full mt-[100px]">
<h1 className="text-[42px]">Create Product</h1>
<div className="flex justify-between mt-[50px] gap-[100px] h-full max-h-[70vh]">
<ProgressIndicator
Expand Down
87 changes: 27 additions & 60 deletions web/src/app/manage/Manage.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,88 +5,49 @@ import { Link } from "react-router-dom";
import { formatNumber } from "../utils/format-number";
import { relative } from "path";

/*
GLAMsYF1Uo1LG855FVGHS853FyJ4aYkWf6B4E1sVzprc
GLaMc99QpnP1VKNwwFjNgUk4vhrGKu2JanCKzYRmKAgY
GLam9tx5LoYZHWEb2kKz3GqJW8TJJ4Vd2Q5vp1T2vo1c


2X24TzxetDQcKob24wTEBq7gk7Q2KsfWQCvSyf1EfbhD
*/

export const Manage = () => {
const mockApiData = [
{
id: "IBIT",
name: "iShares Bitcoin Trust",
aum: 15941890385,
nav: 39.72,
background:
"conic-gradient(from 57.74deg at 50% 50%, #5B0F48 0deg, rgba(91, 15, 72, 0) 360deg)"
backgroundImage:
'url("https://api.glam.systems/image/EMAbk6kYhQbvtpqWyfvDPVJBvD5isMZvQT5aM4TyCAeG.png")'
},
{
id: "IETH",
name: "iShares Ethereum Trust",
aum: 15941890385,
nav: 39.72,
background:
"conic-gradient(from 57.74deg at 50% 50%, #1D3F93 0deg, rgba(21, 55, 23, 0) 360deg)"
backgroundImage:
'url("https://api.glam.systems/image/yurUzfjdrUH2ujsWwQkFsv8eQJiJwgbHQFUZtf5yqoV.png")'
},
{
id: "ISOL",
name: "iShares Solana Trust",
aum: 15941890385,
nav: 39.72,
background:
"conic-gradient(from 57.74deg at 50% 50%, #A1D3F1 0deg, rgba(91, 55, 11, 0) 360deg)"
backgroundImage:
'url("https://api.glam.systems/image/GLaMc99QpnP1VKNwwFjNgUk4vhrGKu2JanCKzYRmKAgY.png")'
},
{
id: "IBNK",
name: "iShares Bonk Trust",
aum: 15941890385,
nav: 39.72,
background:
"conic-gradient(from 57.74deg at 50% 50%, #BBDD33 0deg, rgba(91, 55, 11, 0) 360deg)"
backgroundImage:
'url("https://api.glam.systems/image/GLam9tx5LoYZHWEb2kKz3GqJW8TJJ4Vd2Q5vp1T2vo1c.png")'
}
// {
// id: 'IETH',
// name: 'iShares Ethereum Trust',
// aum: 15941890385,
// nav: 39.72,
// background:
// 'conic-gradient(from 57.74deg at 50% 50%, #1D3F93 0deg, rgba(21, 55, 23, 0) 360deg)',
// },
// {
// id: 'ISOL',
// name: 'iShares Solana Trust',
// aum: 15941890385,
// nav: 39.72,
// background:
// 'conic-gradient(from 57.74deg at 50% 50%, #A1D3F1 0deg, rgba(91, 55, 11, 0) 360deg)',
// },
// {
// id: 'IBNK',
// name: 'iShares Bonk Trust',
// aum: 15941890385,
// nav: 39.72,
// background:
// 'conic-gradient(from 57.74deg at 50% 50%, #BBDD33 0deg, rgba(91, 55, 11, 0) 360deg)',
// },
// {
// id: 'IETH',
// name: 'iShares Ethereum Trust',
// aum: 15941890385,
// nav: 39.72,
// background:
// 'conic-gradient(from 57.74deg at 50% 50%, #1D3F93 0deg, rgba(21, 55, 23, 0) 360deg)',
// },
// {
// id: 'ISOL',
// name: 'iShares Solana Trust',
// aum: 15941890385,
// nav: 39.72,
// background:
// 'conic-gradient(from 57.74deg at 50% 50%, #A1D3F1 0deg, rgba(91, 55, 11, 0) 360deg)',
// },
// {
// id: 'IBNK',
// name: 'iShares Bonk Trust',
// aum: 15941890385,
// nav: 39.72,
// background:
// 'conic-gradient(from 57.74deg at 50% 50%, #BBDD33 0deg, rgba(91, 55, 11, 0) 360deg)',
// },
];

// when clicking on a tile, navigate to the relevant product page
Expand All @@ -96,7 +57,7 @@ export const Manage = () => {

<Grid
narrow
className=" h-full mt-[100px] max-h-[67vh] items-center overflow-y-auto hide-scrollbar"
className="w-[80vw] h-full mt-[100px] max-h-[67vh] items-center overflow-y-auto hide-scrollbar"
>
{mockApiData.map((position) => (
<Column key={position.id} lg={4} md={4} sm={2} className="my-[6px]">
Expand Down Expand Up @@ -124,7 +85,10 @@ export const Manage = () => {
style={{
alignSelf: "end",
display: "flex",
background: position.background,
backgroundImage: position.backgroundImage,
backgroundPosition: "center",
backgroundRepeat: "no-repeat",
backgroundSize: "cover",
position: "relative",
top: "15px",
left: "15px"
Expand Down Expand Up @@ -160,8 +124,11 @@ export const Manage = () => {
position: "relative",
top: "15px",
left: "15px",
background:
"conic-gradient(from 90deg at 50% 50%, #141414 0deg, rgba(20, 20, 20, 0) 360deg)"
backgroundImage:
'url("https://api.glam.systems/image/11111111111111111111111111111111.png")',
backgroundPosition: "center",
backgroundRepeat: "no-repeat",
backgroundSize: "cover"
}}
></div>
</div>
Expand Down
Loading