+8
d186daa131
d186daa131
Signed-off-by: -LAN- <[email protected]> Co-authored-by: Hash Brown <[email protected]> Co-authored-by: crazywoola <[email protected]> Co-authored-by: GareArc <[email protected]> Co-authored-by: Byron.wang <[email protected]> Co-authored-by: Joel <[email protected]> Co-authored-by: -LAN- <[email protected]> Co-authored-by: Garfield Dai <[email protected]> Co-authored-by: KVOJJJin <[email protected]> Co-authored-by: Alexi.F <[email protected]> Co-authored-by: Xiyuan Chen <[email protected]> Co-authored-by: kautsar_masuara <[email protected]> Co-authored-by: achmad-kautsar <[email protected]> Co-authored-by: Xin Zhang <[email protected]> Co-authored-by: kelvintsim <[email protected]> Co-authored-by: zxhlyh <[email protected]> Co-authored-by: Zixuan Cheng <[email protected]>
50 lines
1.3 KiB
TypeScript
50 lines
1.3 KiB
TypeScript
import React from 'react'
|
|
import cn from 'classnames'
|
|
import Modal from '@/app/components/base/modal'
|
|
import AppIcon from '@/app/components/base/app-icon'
|
|
import type { SiteInfo } from '@/models/share'
|
|
import { appDefaultIconBackground } from '@/config'
|
|
|
|
type Props = {
|
|
data?: SiteInfo
|
|
isShow: boolean
|
|
onClose: () => void
|
|
}
|
|
|
|
const InfoModal = ({
|
|
isShow,
|
|
onClose,
|
|
data,
|
|
}: Props) => {
|
|
return (
|
|
<Modal
|
|
isShow={isShow}
|
|
onClose={onClose}
|
|
className='min-w-[400px] max-w-[400px] !p-0'
|
|
closable
|
|
>
|
|
<div className={cn('flex flex-col items-center gap-4 px-4 pb-8 pt-10')}>
|
|
<AppIcon
|
|
size='xxl'
|
|
iconType={data?.icon_type}
|
|
icon={data?.icon}
|
|
background={data?.icon_background || appDefaultIconBackground}
|
|
imageUrl={data?.icon_url}
|
|
/>
|
|
<div className='system-xl-semibold text-text-secondary'>{data?.title}</div>
|
|
<div className='system-xs-regular text-text-tertiary'>
|
|
{/* copyright */}
|
|
{data?.copyright && (
|
|
<div>© {(new Date()).getFullYear()} {data?.copyright}</div>
|
|
)}
|
|
{data?.custom_disclaimer && (
|
|
<div className='mt-2'>{data.custom_disclaimer}</div>
|
|
)}
|
|
</div>
|
|
</div>
|
|
</Modal>
|
|
)
|
|
}
|
|
|
|
export default InfoModal
|