ソースを参照

fixing footer (#22927)

tags/1.7.2
znn 3ヶ月前
コミット
0ebcee9a6b
コミッターのメールアドレスに関連付けられたアカウントが存在しません
1個のファイルの変更18行の追加3行の削除
  1. 18
    3
      web/app/components/apps/footer.tsx

+ 18
- 3
web/app/components/apps/footer.tsx ファイルの表示

@@ -1,6 +1,6 @@
import React from 'react'
import React, { useState } from 'react'
import Link from 'next/link'
import { RiDiscordFill, RiGithubFill } from '@remixicon/react'
import { RiCloseLine, RiDiscordFill, RiGithubFill } from '@remixicon/react'
import { useTranslation } from 'react-i18next'

type CustomLinkProps = {
@@ -26,9 +26,24 @@ const CustomLink = React.memo(({

const Footer = () => {
const { t } = useTranslation()
const [isVisible, setIsVisible] = useState(true)

const handleClose = () => {
setIsVisible(false)
}

if (!isVisible)
return null

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>
<p className='system-sm-regular mt-1 text-text-tertiary'>{t('app.communityIntro')}</p>
<div className='mt-3 flex items-center gap-2'>

読み込み中…
キャンセル
保存