beenull/WebChat
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

chore(utils): getWebSiteInfo -> getSiteInfo

Browse source
This commit is contained in:
molvqingtai 2023-11-30 22:25:27 +08:00
parent d5c3847f94
commit 2253e8293f
3 changed files with 12 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
src/app/content/views/Header/index.tsx
View file

@ -3,15 +3,15 @@ import { Globe2Icon } from 'lucide-react'
import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/Avatar' import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/Avatar'
import { HoverCard, HoverCardContent, HoverCardTrigger } from '@/components/ui/HoverCard' import { HoverCard, HoverCardContent, HoverCardTrigger } from '@/components/ui/HoverCard'
import { Button } from '@/components/ui/Button' import { Button } from '@/components/ui/Button'
import { getWebSiteInfo } from '@/utils' import { getSiteInfo } from '@/utils'
const Header: FC = () => { const Header: FC = () => {
const websiteInfo = getWebSiteInfo() const siteInfo = getSiteInfo()
return ( return (
<div className="z-10 grid h-12 grid-flow-col items-center justify-between gap-x-4 rounded-t-xl bg-white px-4 backdrop-blur-lg"> <div className="z-10 grid h-12 grid-flow-col items-center justify-between gap-x-4 rounded-t-xl bg-white px-4 backdrop-blur-lg">
<Avatar className="h-8 w-8"> <Avatar className="h-8 w-8">
<AvatarImage src={websiteInfo.icon} alt="favicon" /> <AvatarImage src={siteInfo.icon} alt="favicon" />
<AvatarFallback> <AvatarFallback>
<Globe2Icon size="100%" className="text-gray-400" /> <Globe2Icon size="100%" className="text-gray-400" />
</AvatarFallback> </AvatarFallback>
@ -20,22 +20,22 @@ const Header: FC = () => {
<HoverCardTrigger asChild> <HoverCardTrigger asChild>
<Button className="overflow-hidden" variant="link"> <Button className="overflow-hidden" variant="link">
<span className="truncate text-lg font-medium text-slate-600"> <span className="truncate text-lg font-medium text-slate-600">
{websiteInfo.hostname.replace(/^www\./i, '')} {siteInfo.hostname.replace(/^www\./i, '')}
</span> </span>
</Button> </Button>
</HoverCardTrigger> </HoverCardTrigger>
<HoverCardContent className="w-80"> <HoverCardContent className="w-80">
<div className="grid grid-cols-[auto_1fr] gap-x-4"> <div className="grid grid-cols-[auto_1fr] gap-x-4">
<Avatar className="h-14 w-14"> <Avatar className="h-14 w-14">
<AvatarImage src={websiteInfo.icon} alt="favicon" /> <AvatarImage src={siteInfo.icon} alt="favicon" />
<AvatarFallback> <AvatarFallback>
<Globe2Icon size="100%" className="text-gray-400" /> <Globe2Icon size="100%" className="text-gray-400" />
</AvatarFallback> </AvatarFallback>
</Avatar> </Avatar>
<div className="grid items-center"> <div className="grid items-center">
<h4 className="truncate text-sm font-semibold">{websiteInfo.title}</h4> <h4 className="truncate text-sm font-semibold">{siteInfo.title}</h4>
{websiteInfo.description && ( {siteInfo.description && (
<p className="line-clamp-2 max-h-8 text-xs text-slate-500">{websiteInfo.description}</p> <p className="line-clamp-2 max-h-8 text-xs text-slate-500">{siteInfo.description}</p>
)} )}
</div> </div>
</div> </div>

6
src/utils/getWebSiteInfo.ts → src/utils/getSiteInfo.ts
View file

@ -1,4 +1,4 @@
export interface WebSiteInfo { export interface SiteInfo {
host: string host: string
hostname: string hostname: string
href: string href: string
@ -8,7 +8,7 @@ export interface WebSiteInfo {
description: string description: string
} }
const getWebSiteInfo = (): WebSiteInfo => { const getSiteInfo = (): SiteInfo => {
return { return {
host: document.location.host, host: document.location.host,
hostname: document.location.hostname, hostname: document.location.hostname,
@ -31,4 +31,4 @@ const getWebSiteInfo = (): WebSiteInfo => {
} }
} }
export default getWebSiteInfo export default getSiteInfo

2
src/utils/index.ts
View file

@ -2,6 +2,6 @@ export { default as cn } from './cn'
export { default as isInRange } from './isInRange' export { default as isInRange } from './isInRange'
export { default as clamp } from './clamp' export { default as clamp } from './clamp'
export { default as createElement } from './createElement' export { default as createElement } from './createElement'
export { default as getWebSiteInfo } from './getWebSiteInfo' export { default as getSiteInfo } from './getSiteInfo'
export { default as chunk } from './chunk' export { default as chunk } from './chunk'
export { default as compressImage } from './compressImage' export { default as compressImage } from './compressImage'