24 lines
630 B
TypeScript
24 lines
630 B
TypeScript
import { memo, useEffect, useState } from 'react';
|
|
import { IconButton } from '~/.client/components/ui/IconButton';
|
|
import { toggleSidebar } from '~/.client/stores/sidebar';
|
|
|
|
interface HistorySwitchProps {
|
|
className?: string;
|
|
}
|
|
|
|
export const HistorySwitch = memo(({ className }: HistorySwitchProps) => {
|
|
const [domLoaded, setDomLoaded] = useState(false);
|
|
|
|
useEffect(() => {
|
|
setDomLoaded(true);
|
|
}, []);
|
|
|
|
return (
|
|
domLoaded && (
|
|
<IconButton className={className} title="查看历史" onClick={toggleSidebar}>
|
|
<div className="i-mingcute:history-line text-xl"></div>
|
|
</IconButton>
|
|
)
|
|
);
|
|
});
|