diff --git a/src/components/Title.tsx b/src/components/Title.tsx new file mode 100644 index 0000000..fb11d57 --- /dev/null +++ b/src/components/Title.tsx @@ -0,0 +1,11 @@ +interface TitleProps { + title: string; +} + +export const Title = ({ title }: TitleProps) => { + return ( + <> +

{title}

+ + ); +}; diff --git a/src/containers/Dashboard/index.tsx b/src/containers/Dashboard/index.tsx index 96b5855..113a271 100644 --- a/src/containers/Dashboard/index.tsx +++ b/src/containers/Dashboard/index.tsx @@ -1,14 +1,15 @@ import { SearchBar, Table } from '~/components'; +import { Title } from '~/components/Title'; const Dashboard = () => { return ( -
-
-

Chain list

+
+
+ <SearchBar /> - </div> + </header> <Table /> - </div> + </section> ); }; diff --git a/src/containers/Landing/index.tsx b/src/containers/Landing/index.tsx index 11feb44..a18a028 100644 --- a/src/containers/Landing/index.tsx +++ b/src/containers/Landing/index.tsx @@ -14,7 +14,7 @@ export const Landing = () => { ); }; -const LandingContainer = styled('div')({ +const LandingContainer = styled('main')({ display: 'flex', flexDirection: 'column', padding: '0 8rem', diff --git a/src/containers/LockedAssets/index.tsx b/src/containers/LockedAssets/index.tsx index 6db0fd0..03e48c8 100644 --- a/src/containers/LockedAssets/index.tsx +++ b/src/containers/LockedAssets/index.tsx @@ -1,17 +1,18 @@ import { TotalValueLocked } from '~/components'; +import { Title } from '~/components/Title'; import { useData } from '~/hooks'; export const LockedAssets = () => { const { ecosystemData } = useData(); return ( - <div> + <section> {ecosystemData && ( <> - <h2>Locked assets in shared bridge: {ecosystemData.total}</h2> + <Title title={`Locked assets in shared bridge: ${ecosystemData.total}`} /> <TotalValueLocked tvl={ecosystemData.tvl} /> </> )} - </div> + </section> ); };