diff --git a/packages/screens/Launchpad/LaunchpadAdmin/LaunchpadAdministrationOverview/LaunchpadAdministrationOverviewScreen.tsx b/packages/screens/Launchpad/LaunchpadAdmin/LaunchpadAdministrationOverview/LaunchpadAdministrationOverviewScreen.tsx index c4be8f29be..2927ef5fbb 100644 --- a/packages/screens/Launchpad/LaunchpadAdmin/LaunchpadAdministrationOverview/LaunchpadAdministrationOverviewScreen.tsx +++ b/packages/screens/Launchpad/LaunchpadAdmin/LaunchpadAdministrationOverview/LaunchpadAdministrationOverviewScreen.tsx @@ -4,7 +4,7 @@ import { TouchableOpacity, View, useWindowDimensions } from "react-native"; import { ApplicationStatusCard } from "./component/ApplicationStatusCard"; import { CurrentlyHighlightedProject } from "./component/CurrentlyHighLightedProject"; import { GenesisExplore } from "./component/GenesisExplore"; -import { LaunchpadCollectionsTable } from "./component/LaunchpadCollectionsTable"; +import { LaunchpadCollectionsTable } from "../LaunchpadApplications/component/LaunchpadCollectionsTable"; import { BrandText } from "@/components/BrandText"; import { ScreenContainer } from "@/components/ScreenContainer"; diff --git a/packages/screens/Launchpad/LaunchpadAdmin/LaunchpadApplications/LaunchpadApplicationsScreen.tsx b/packages/screens/Launchpad/LaunchpadAdmin/LaunchpadApplications/LaunchpadApplicationsScreen.tsx index 584207d5dc..10adfd3231 100644 --- a/packages/screens/Launchpad/LaunchpadAdmin/LaunchpadApplications/LaunchpadApplicationsScreen.tsx +++ b/packages/screens/Launchpad/LaunchpadAdmin/LaunchpadApplications/LaunchpadApplicationsScreen.tsx @@ -1,8 +1,6 @@ import React, { useState } from "react"; import { View } from "react-native"; -import { ApplicationsCollectionsTable } from "./component/ApplicationsCollectionsTable"; - import { BrandText } from "@/components/BrandText"; import { ScreenContainer } from "@/components/ScreenContainer"; import { HighVolSortButton } from "@/components/sorts/HighVolSortButton"; @@ -10,24 +8,14 @@ import { Tabs } from "@/components/tabs/Tabs"; import { useAppNavigation } from "@/hooks/navigation/useAppNavigation"; import { useIsMobile } from "@/hooks/useIsMobile"; import { NetworkFeature } from "@/networks"; +import { DummyLaunchpadCollection } from "@/screens/Launchpad/LaunchpadAdmin/LaunchpadAdministrationOverview/LaunchpadAdministrationOverviewScreen"; +import { LaunchpadCollectionsTable } from "@/screens/Launchpad/LaunchpadAdmin/LaunchpadApplications/component/LaunchpadCollectionsTable"; import { neutral33 } from "@/utils/style/colors"; import { fontSemibold20, fontSemibold28 } from "@/utils/style/fonts"; import { layout } from "@/utils/style/layout"; type TabsListType = "pendingApplications" | "pendingConfirmations"; -const dummyData = { - id: 1, - rank: 1, - collectionNameData: "The R!ot", - collectionNetwork: "teritori", - TwitterURL: "https://www.lipsum.com/", - DiscordURL: "https://www.lipsum.com/", - expectedTotalSupply: 3000, - expectedPublicMintPrice: "550 L", - expectedMintDate: new Date(), -}; - export const LaunchpadApplicationsScreen: React.FC = () => { const navigation = useAppNavigation(); const isMobile = useIsMobile(); @@ -47,6 +35,20 @@ export const LaunchpadApplicationsScreen: React.FC = () => { "pendingApplications", ); + const dummyData: DummyLaunchpadCollection[] = Array(25) + .fill({ + id: 0, + rank: 0, + collectionNameData: "The R!ot", + collectionNetwork: "teritori", + TwitterURL: "https://www.lipsum.com/", + DiscordURL: "https://www.lipsum.com/", + expectedTotalSupply: 3000, + expectedPublicMintPrice: "550 L", + expectedMintDate: new Date(), + }) + .map((item, index) => ({ ...item, id: index + 1, rank: index + 1 })); + return ( { marginTop: layout.spacing_x4, }} > - + diff --git a/packages/screens/Launchpad/LaunchpadAdmin/LaunchpadApplications/component/ApplicationsCollectionsTable.tsx b/packages/screens/Launchpad/LaunchpadAdmin/LaunchpadApplications/component/ApplicationsCollectionsTable.tsx deleted file mode 100644 index fe77ce93b7..0000000000 --- a/packages/screens/Launchpad/LaunchpadAdmin/LaunchpadApplications/component/ApplicationsCollectionsTable.tsx +++ /dev/null @@ -1,166 +0,0 @@ -import moment from "moment"; -import React from "react"; -import { FlatList, View } from "react-native"; - -import dotsSVG from "@/assets/icons/dots.svg"; -import { SVG } from "@/components/SVG"; -import { CollectionNameCell } from "@/components/applicationTable/CollectionNameCell"; -import { InnerCellText } from "@/components/applicationTable/InnerCellText"; -import { LinkIconAndRedirect } from "@/components/applicationTable/LinkIconAndRedirect"; -import { TableHeader } from "@/components/table/TableHeader"; -import { TableColumns } from "@/components/table/utils"; -import { useIsMobile } from "@/hooks/useIsMobile"; -import { mineShaftColor } from "@/utils/style/colors"; -import { layout, screenContentMaxWidthLarge } from "@/utils/style/layout"; - -const TABLE_COLUMNS: TableColumns = { - rank: { - label: "#", - flex: 1, - }, - collectionNameData: { - label: "Collection Name", - flex: 5, - }, - collectionNetwork: { - label: "Collection Network", - flex: 3, - }, - TwitterURL: { - label: "Twitter URL", - flex: 2, - }, - DiscordURL: { - label: "Discord URL", - flex: 2, - }, - expectedTotalSupply: { - label: "Expected Total Supply", - flex: 3, - }, - expectedPublicMintPrice: { - label: "Expected Public Mint Price", - flex: 3, - }, - expectedMintDate: { - label: "Expected Mint Date", - flex: 3, - }, -}; - -export const ApplicationsCollectionsTable: React.FC<{ - rows: any[]; -}> = ({ rows }) => { - const isMobile = useIsMobile(); - - return ( - - - - } - keyExtractor={(item) => item.id} - style={{ - minHeight: 220, - borderTopColor: mineShaftColor, - borderTopWidth: 1, - }} - /> - - ); -}; - -const ApplicationRowData: React.FC<{ rowData: any }> = ({ rowData }) => { - const isMobile = useIsMobile(); - - return ( - - - {rowData.rank} - - - - {rowData["collectionNetwork"]} - - {!isMobile && ( - <> - - - - {rowData.expectedTotalSupply} - - - {rowData.expectedPublicMintPrice} - - - - {moment(rowData.expectedMintDate).format("MMM D YYYY")} - - - - - )} - - ); -}; diff --git a/packages/screens/Launchpad/LaunchpadAdmin/LaunchpadAdministrationOverview/component/LaunchpadCollectionsTable.tsx b/packages/screens/Launchpad/LaunchpadAdmin/LaunchpadApplications/component/LaunchpadCollectionsTable.tsx similarity index 97% rename from packages/screens/Launchpad/LaunchpadAdmin/LaunchpadAdministrationOverview/component/LaunchpadCollectionsTable.tsx rename to packages/screens/Launchpad/LaunchpadAdmin/LaunchpadApplications/component/LaunchpadCollectionsTable.tsx index 257a677035..93c0b8f2c5 100644 --- a/packages/screens/Launchpad/LaunchpadAdmin/LaunchpadAdministrationOverview/component/LaunchpadCollectionsTable.tsx +++ b/packages/screens/Launchpad/LaunchpadAdmin/LaunchpadApplications/component/LaunchpadCollectionsTable.tsx @@ -79,7 +79,7 @@ export const LaunchpadCollectionsTable: React.FC<{ ( - + )} keyExtractor={(item) => item.id.toString()} /> @@ -89,7 +89,7 @@ export const LaunchpadCollectionsTable: React.FC<{ ); }; -const LaunchpadCollectionTableRow: React.FC<{ +const LaunchpadCollectionsTableRow: React.FC<{ collection: DummyLaunchpadCollection; index: number; // prices: CoingeckoPrices;