Rosetta/desktop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

'init'

Browse Source
This commit is contained in:
rosetta
2026-01-30 05:01:05 +02:00
commit 83f38dc63f
327 changed files with 18725 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
app/components/VerifiedBadge/VerifiedBadge.tsx Normal file
View File

@@ -0,0 +1,56 @@
import { useRosettaColors } from "@/app/hooks/useRosettaColors";
import { Popover, Text } from "@mantine/core";
import { useDisclosure } from "@mantine/hooks";
import { IconArrowBadgeDownFilled, IconRosetteDiscountCheckFilled, IconShieldCheckFilled } from "@tabler/icons-react";
interface VerifiedBadgeProps {
verified: number;
size?: number;
hideTooltip?: boolean;
color?: string;
}
export function VerifiedBadge(props : VerifiedBadgeProps) {
const colors = useRosettaColors();
const [opened, { close, open }] = useDisclosure(false);
return (
<>
{props.verified == 1 && <>
<Popover width={200} opened={!props.hideTooltip && opened} position="bottom" withArrow arrowOffset={18}>
<Popover.Target>
<IconRosetteDiscountCheckFilled onMouseEnter={open} onMouseLeave={close} size={props.size || 21} color={props.color ? props.color : colors.brandColor}></IconRosetteDiscountCheckFilled>
</Popover.Target>
<Popover.Dropdown>
<Text size="xs" c={'dimmed'}>
This is an official account belonging to a public figure, brand, or organization.
</Text>
</Popover.Dropdown>
</Popover>
</>}
{props.verified == 2 && <>
<Popover width={200} opened={!props.hideTooltip && opened} position="bottom" withArrow arrowOffset={18}>
<Popover.Target>
<IconShieldCheckFilled onMouseEnter={open} onMouseLeave={close} size={props.size || 21} color={props.color ? props.color : colors.success}></IconShieldCheckFilled>
</Popover.Target>
<Popover.Dropdown>
<Text size="xs" c={'dimmed'}>
This is official account belonging to administration of Rosetta.
</Text>
</Popover.Dropdown>
</Popover>
</>}
{props.verified == 3 && <>
<Popover width={200} opened={!props.hideTooltip && opened} withArrow>
<Popover.Target>
<IconArrowBadgeDownFilled onMouseEnter={open} onMouseLeave={close} size={props.size || 21} color={props.color ? props.color : colors.brandColor}></IconArrowBadgeDownFilled>
</Popover.Target>
<Popover.Dropdown>
<Text size="xs" c={'dimmed'}>
This user is administrator of this group.
</Text>
</Popover.Dropdown>
</Popover>
</>}
</>
)
}