fixing footer (#22927)

This commit is contained in:
znn
2025-08-04 07:44:57 +05:30
committed by GitHub
parent 964fa132cb
commit 0ebcee9a6b

View File

@@ -1,6 +1,6 @@
import React from 'react' import React, { useState } from 'react'
import Link from 'next/link' import Link from 'next/link'
import { RiDiscordFill, RiGithubFill } from '@remixicon/react' import { RiCloseLine, RiDiscordFill, RiGithubFill } from '@remixicon/react'
import { useTranslation } from 'react-i18next' import { useTranslation } from 'react-i18next'
type CustomLinkProps = { type CustomLinkProps = {
@@ -26,9 +26,24 @@ const CustomLink = React.memo(({
const Footer = () => { const Footer = () => {
const { t } = useTranslation() const { t } = useTranslation()
const [isVisible, setIsVisible] = useState(true)
const handleClose = () => {
setIsVisible(false)
}
if (!isVisible)
return null
return ( return (
<footer className='shrink-0 grow-0 px-12 py-6'> <footer className='shrink-0 grow-0 px-12 py-2 relative'>
<button
onClick={handleClose}
className='absolute top-2 right-2 flex h-6 w-6 cursor-pointer items-center justify-center rounded-full transition-colors duration-200 ease-in-out hover:bg-gray-100 dark:hover:bg-gray-800'
aria-label="Close footer"
>
<RiCloseLine className='h-4 w-4 text-text-tertiary' />
</button>
<h3 className='text-gradient text-xl font-semibold leading-tight'>{t('app.join')}</h3> <h3 className='text-gradient text-xl font-semibold leading-tight'>{t('app.join')}</h3>
<p className='system-sm-regular mt-1 text-text-tertiary'>{t('app.communityIntro')}</p> <p className='system-sm-regular mt-1 text-text-tertiary'>{t('app.communityIntro')}</p>
<div className='mt-3 flex items-center gap-2'> <div className='mt-3 flex items-center gap-2'>