acid-info/logos-ordinals-dashboard
1
0
Fork 0
mirror of https://github.com/acid-info/logos-ordinals-dashboard.git synced 2025-02-28 20:50:36 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore: make explore homepage

Browse Source
This commit is contained in:
jinhojang6 2024-09-27 22:47:50 +09:00
parent 2ed6880a87
commit a421c3e889
No known key found for this signature in database
GPG Key ID: 1762F21FE8B543F8
4 changed files with 8 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/Header/Header/Header.tsx
View File

@ -1,7 +1,6 @@
import styled from '@emotion/styled' import styled from '@emotion/styled'
import Link from 'next/link' import Link from 'next/link'
import React from 'react' import React from 'react'
import { Navbar } from '../Navbar'
interface NavbarProps {} interface NavbarProps {}
@ -11,7 +10,7 @@ const Header: React.FC<NavbarProps> = () => {
<Link href="/"> <Link href="/">
<Logo src="/assets/logo.svg" alt="Logo" /> <Logo src="/assets/logo.svg" alt="Logo" />
</Link> </Link>
<Navbar /> {/* <Navbar />
<UserActions> <UserActions>
<WalletButton> <WalletButton>
<WalletAddress>bc1qa...vehs9</WalletAddress> <WalletAddress>bc1qa...vehs9</WalletAddress>
@ -21,7 +20,7 @@ const Header: React.FC<NavbarProps> = () => {
<PointsValue>4,278</PointsValue> <PointsValue>4,278</PointsValue>
<Icon src="/assets/star.png" alt="Points icon" /> <Icon src="/assets/star.png" alt="Points icon" />
</PointsButton> </PointsButton>
</UserActions> </UserActions> */}
</Container> </Container>
) )
} }

2
src/containers/Explore/ExploreContainer.tsx
View File

@ -8,7 +8,7 @@ interface ExploreSectionProps {}
const ExploreSection: React.FC<ExploreSectionProps> = () => { const ExploreSection: React.FC<ExploreSectionProps> = () => {
return ( return (
<StyledExploreSection> <StyledExploreSection>
<h1 className="section-title">Operators</h1> <h1 className="section-title">Explore Operators</h1>
<OperatorFilter /> <OperatorFilter />
<OperatorGrid /> <OperatorGrid />
</StyledExploreSection> </StyledExploreSection>

3
src/layouts/ExploreLayout/Explore.layout.tsx
View File

@ -1,5 +1,4 @@
import { BackgroundGradient } from '@/components/BackgroundGradient' import { BackgroundGradient } from '@/components/BackgroundGradient'
import { Footer } from '@/components/Footer'
import { Header } from '@/components/Header/Header' import { Header } from '@/components/Header/Header'
import { Container, Layout } from '@/components/StyledComponents' import { Container, Layout } from '@/components/StyledComponents'
import React, { PropsWithChildren } from 'react' import React, { PropsWithChildren } from 'react'
@ -14,7 +13,7 @@ const ExploreLayout: React.FC<ExploreLayoutProps> = (
<Container> <Container>
<Header /> <Header />
<main>{props.children}</main> <main>{props.children}</main>
<Footer /> {/* <Footer /> */}
</Container> </Container>
<BackgroundGradient /> <BackgroundGradient />
</Layout> </Layout>

8
src/pages/index.tsx
View File

@ -1,16 +1,16 @@
import { SEO } from '@/components/SEO' import { SEO } from '@/components/SEO'
import { HomeContainer } from '@/containers/Home' import ExploreContainer from '@/containers/Explore/ExploreContainer'
import { HomeLayout } from '@/layouts/HomeLayout' import ExploreLayout from '@/layouts/ExploreLayout/Explore.layout'
export default function HomePage() { export default function HomePage() {
return ( return (
<> <>
<SEO /> <SEO />
<HomeContainer /> <ExploreContainer />
</> </>
) )
} }
HomePage.getLayout = function getLayout(page: React.ReactNode) { HomePage.getLayout = function getLayout(page: React.ReactNode) {
return <HomeLayout>{page}</HomeLayout> return <ExploreLayout>{page}</ExploreLayout>
} }