Add back button instead of home button for this
This commit is contained in:
15
src/app/components/BackButton.tsx
Normal file
15
src/app/components/BackButton.tsx
Normal file
@@ -0,0 +1,15 @@
|
|||||||
|
import { faArrowLeft } from '@fortawesome/free-solid-svg-icons'
|
||||||
|
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
|
||||||
|
import Link from 'next/link'
|
||||||
|
|
||||||
|
export function BackButton ({ href }: { href: string }) {
|
||||||
|
return (
|
||||||
|
<>
|
||||||
|
<div className='relative'>
|
||||||
|
<Link href={href} className='top-button absolute -top-4 -left-4'>
|
||||||
|
<FontAwesomeIcon icon={faArrowLeft} />
|
||||||
|
</Link>
|
||||||
|
</div>
|
||||||
|
</>
|
||||||
|
)
|
||||||
|
}
|
||||||
@@ -4,6 +4,7 @@ import { useEffect, useState } from 'react'
|
|||||||
import { HomeButton } from '@/app/components/HomeButton'
|
import { HomeButton } from '@/app/components/HomeButton'
|
||||||
import { DiscordButton } from '@/app/components/DiscordButton'
|
import { DiscordButton } from '@/app/components/DiscordButton'
|
||||||
import axios from 'axios'
|
import axios from 'axios'
|
||||||
|
import { BackButton } from '@/app/components/BackButton'
|
||||||
|
|
||||||
interface MarketplaceIcon {
|
interface MarketplaceIcon {
|
||||||
username: string
|
username: string
|
||||||
@@ -33,7 +34,7 @@ export default function BerryDashGameInfo () {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<div className='box text-center'>
|
<div className='box text-center'>
|
||||||
<HomeButton />
|
<BackButton href='/game/berry-dash' />
|
||||||
<DiscordButton />
|
<DiscordButton />
|
||||||
<p className='px-8 -mt-2 mb-4 text-2xl'>Berry Dash Icon Marketplace</p>
|
<p className='px-8 -mt-2 mb-4 text-2xl'>Berry Dash Icon Marketplace</p>
|
||||||
<p>A browser for the in game icon marketplace!</p>
|
<p>A browser for the in game icon marketplace!</p>
|
||||||
|
|||||||
Reference in New Issue
Block a user