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 { DiscordButton } from '@/app/components/DiscordButton'
|
||||
import axios from 'axios'
|
||||
import { BackButton } from '@/app/components/BackButton'
|
||||
|
||||
interface MarketplaceIcon {
|
||||
username: string
|
||||
@@ -33,7 +34,7 @@ export default function BerryDashGameInfo () {
|
||||
|
||||
return (
|
||||
<div className='box text-center'>
|
||||
<HomeButton />
|
||||
<BackButton href='/game/berry-dash' />
|
||||
<DiscordButton />
|
||||
<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>
|
||||
|
||||
Reference in New Issue
Block a user