-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
15 changed files
with
281 additions
and
34 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,7 @@ | ||
| import * as React from 'react'; | ||
|
|
||
| import Wrapper from './Guide/Wrapper'; | ||
|
|
||
| const Guide = () => <Wrapper></Wrapper>; | ||
|
|
||
| export default Guide; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,121 @@ | ||
| import * as React from 'react'; | ||
| import { useLocation } from 'react-router-dom'; | ||
| import * as IconMd from 'react-icons/md'; | ||
| import * as FaIcon from 'react-icons/fa6'; | ||
|
|
||
| import { Route } from '../../../../utils/routes'; | ||
| import Container from '../../../reusable/Container'; | ||
| import Link from '../../../reusable/Link'; | ||
|
|
||
| enum Item { | ||
| Architecture = Route.GUIDE_ARCHITECTURE, | ||
| Faq = Route.GUIDE_FAQ, | ||
| DeferredData = Route.GUIDE_CANISTERS_DATA, | ||
| DeferredMinter = Route.GUIDE_CANISTERS_MINTER, | ||
| DeferredContracts = Route.GUIDE_CONTRACTS_DEFERRED, | ||
| EkokeContracts = Route.GUIDE_CONTRACTS_EKOKE, | ||
| MarketplaceContracts = Route.GUIDE_CONTRACTS_MARKETPLACE, | ||
| RewardPoolContracts = Route.GUIDE_CONTRACTS_REWARD_POOL, | ||
| Whitepaper = Route.GUIDE_WHITEPAPER, | ||
| } | ||
|
|
||
| const menu = { | ||
| [Item.Faq]: { | ||
| title: 'F.A.Q.', | ||
| url: Route.GUIDE_FAQ, | ||
| icon: <IconMd.MdQuestionMark className="inline mr-2" size={24} />, | ||
| }, | ||
| [Item.Architecture]: { | ||
| title: 'Architecture', | ||
| url: Route.GUIDE_ARCHITECTURE, | ||
| icon: <IconMd.MdAccountTree className="inline mr-2" size={24} />, | ||
| }, | ||
| [Item.DeferredData]: { | ||
| title: 'Deferred Data', | ||
| url: Route.GUIDE_CANISTERS_DATA, | ||
| icon: <FaIcon.FaInfinity className="inline mr-2" size={24} />, | ||
| }, | ||
| [Item.DeferredMinter]: { | ||
| title: 'Deferred Minter', | ||
| url: Route.GUIDE_CANISTERS_MINTER, | ||
| icon: <FaIcon.FaInfinity className="inline mr-2" size={24} />, | ||
| }, | ||
| [Item.DeferredContracts]: { | ||
| title: 'Deferred Contracts', | ||
| url: Route.GUIDE_CONTRACTS_DEFERRED, | ||
| icon: <FaIcon.FaEthereum className="inline mr-2" size={24} />, | ||
| }, | ||
| [Item.EkokeContracts]: { | ||
| title: 'Ekoke Contracts', | ||
| url: Route.GUIDE_CONTRACTS_EKOKE, | ||
| icon: <FaIcon.FaEthereum className="inline mr-2" size={24} />, | ||
| }, | ||
| [Item.MarketplaceContracts]: { | ||
| title: 'Marketplace Contracts', | ||
| url: Route.GUIDE_CONTRACTS_MARKETPLACE, | ||
| icon: <FaIcon.FaEthereum className="inline mr-2" size={24} />, | ||
| }, | ||
| [Item.RewardPoolContracts]: { | ||
| title: 'Reward Pool Contracts', | ||
| url: Route.GUIDE_CONTRACTS_REWARD_POOL, | ||
| icon: <FaIcon.FaEthereum className="inline mr-2" size={24} />, | ||
| }, | ||
| [Item.Whitepaper]: { | ||
| title: 'Whitepaper', | ||
| url: Route.GUIDE_WHITEPAPER, | ||
| icon: <IconMd.MdDescription className="inline mr-2" size={24} />, | ||
| }, | ||
| }; | ||
|
|
||
| const routeToItems = { | ||
| [Route.url(Route.GUIDE_FAQ)]: Item.Faq, | ||
| [Route.url(Route.GUIDE_ARCHITECTURE)]: Item.Architecture, | ||
| [Route.url(Route.GUIDE_CANISTERS_DATA)]: Item.DeferredData, | ||
| [Route.url(Route.GUIDE_CANISTERS_MINTER)]: Item.DeferredMinter, | ||
| [Route.url(Route.GUIDE_CONTRACTS_DEFERRED)]: Item.DeferredContracts, | ||
| [Route.url(Route.GUIDE_CONTRACTS_EKOKE)]: Item.EkokeContracts, | ||
| [Route.url(Route.GUIDE_CONTRACTS_MARKETPLACE)]: Item.MarketplaceContracts, | ||
| [Route.url(Route.GUIDE_CONTRACTS_REWARD_POOL)]: Item.RewardPoolContracts, | ||
| [Route.url(Route.GUIDE_WHITEPAPER)]: Item.Whitepaper, | ||
| }; | ||
|
|
||
| interface Props { | ||
| children?: React.ReactNode | React.ReactNode[] | string; | ||
| } | ||
|
|
||
| const Wrapper = ({ children }: Props) => ( | ||
| <Container.FlexRow className="w-full"> | ||
| <Container.Container className="w-3/12 xl:w-2/12"> | ||
| <Menu /> | ||
| </Container.Container> | ||
| <Container.Container className="w-9/12 xl:w-10/12 bg-white"> | ||
| {children} | ||
| </Container.Container> | ||
| </Container.FlexRow> | ||
| ); | ||
|
|
||
| const Menu = () => { | ||
| const { pathname } = useLocation(); | ||
| const current: Item = routeToItems[pathname]; | ||
|
|
||
| return ( | ||
| <Container.FlexCols className="min-h-screen gap-2 border-r-2"> | ||
| {Object.entries(menu).map(([key, value]) => ( | ||
| <Container.Container key={key}> | ||
| <Link.Default | ||
| className={`${(key as unknown as Item) === current ? 'border-b-4 border-brandRed text-brand bg-gray-200 hover:bg-gray-300' : 'text-text border-b-2 border-transparent'} | ||
| hover:border-brandRed hover:text-text hover:no-underline flex-1`} | ||
| href={value.url} | ||
| > | ||
| <span className="block text-lg py-3 px-4 hover:bg-gray-300"> | ||
| {value.icon} | ||
| {value.title} | ||
| </span> | ||
| </Link.Default> | ||
| </Container.Container> | ||
| ))} | ||
| </Container.FlexCols> | ||
| ); | ||
| }; | ||
|
|
||
| export default Wrapper; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
|
|
@@ -8,6 +8,7 @@ import X from './svg/X'; | |
| import TikTok from './svg/TikTok'; | ||
| import Telegram from './svg/Telegram'; | ||
| import { Route } from '../utils/routes'; | ||
| import Paragraph from './reusable/Paragraph'; | ||
|
|
||
| const Footer = () => { | ||
| const year = new Date().getFullYear(); | ||
|
|
@@ -16,7 +17,7 @@ const Footer = () => { | |
| <Container.Container className="bg-brandRed text-white m-0 p-8"> | ||
| <div className="bg-white content-none h-[1px] mx-auto w-page"></div> | ||
| <Container.FlexResponsiveRow className="justify-between w-page sm:w-full mx-auto"> | ||
| <Container.FlexCols className="gap-4"> | ||
| <Container.FlexCols className="gap-4 flex-1"> | ||
| <Heading.H2 className="text-white">EKOKE Token</Heading.H2> | ||
| <Link.Default href={Route.HOME} className="text-white"> | ||
| Home | ||
|
|
@@ -31,7 +32,7 @@ const Footer = () => { | |
| About | ||
| </Link.Default> | ||
| </Container.FlexCols> | ||
| <Container.FlexCols className="gap-4"> | ||
| <Container.FlexCols className="gap-4 flex-1"> | ||
| <Heading.H2 className="text-white">Contacts</Heading.H2> | ||
| <Link.Default | ||
| href={'mailto:[email protected]'} | ||
|
|
@@ -46,7 +47,7 @@ const Footer = () => { | |
| Piazzale Brescia, 16, 20149 Milano MI, Italy | ||
| </Link.Default> | ||
| </Container.FlexCols> | ||
| <Container.FlexCols className="gap-4"> | ||
| <Container.FlexCols className="gap-4 flex-1"> | ||
| <Heading.H2 className="text-white">Follow Us On</Heading.H2> | ||
| <Link.IconLink | ||
| href={'https://github.com/EKOKEtoken'} | ||
|
|
@@ -97,6 +98,16 @@ const Footer = () => { | |
| <span className="ml-2">X.com</span> | ||
| </Link.IconLink> | ||
| </Container.FlexCols> | ||
| <Container.FlexCols className="gap-4 flex-1"> | ||
| <Heading.H2 className="text-white">Disclaimer</Heading.H2> | ||
| <Paragraph.Default className="text-white"> | ||
| Cryptocurrency may be unregulated in your jurisdiction. The value | ||
| of cryptocurrencies may go down as well as up. Profits may be | ||
| subject to capital gains or other taxes applicable in your | ||
| jurisdiction. It is your responsibility to ensure that you comply | ||
| with tax and other legal obligations in your jurisdiction. | ||
| </Paragraph.Default> | ||
| </Container.FlexCols> | ||
| </Container.FlexResponsiveRow> | ||
| <p className="text-xs text-center text-white my-4"> | ||
| Copyright © {year} by ekoke token | Powered and secured by ICP | ||
|
|
||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.