Ryan/Reactive-Resume
1
0
Fork 0
mirror of https://github.com/AmruthPillai/Reactive-Resume.git synced 2025-11-14 16:51:33 +10:00
Code Issues Packages Projects Releases Wiki Activity

feat: add tooltip to url-input label icon, closes RX-14

Browse Source
This commit is contained in:
Amruth Pillai
2023-11-22 22:25:30 +01:00
parent 1580455b3f
commit 27758c72e3
1 changed files with 15 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
apps/client/src/pages/builder/sidebars/left/sections/shared/url-input.tsx
View File

@ -1,7 +1,14 @@
import { t } from "@lingui/macro"; import { t } from "@lingui/macro";
import { Tag } from "@phosphor-icons/react"; import { Tag } from "@phosphor-icons/react";
import { URL, urlSchema } from "@reactive-resume/schema"; import { URL, urlSchema } from "@reactive-resume/schema";
import { Button, Input, Popover, PopoverContent, PopoverTrigger } from "@reactive-resume/ui"; import {
Button,
Input,
Popover,
PopoverContent,
PopoverTrigger,
Tooltip,
} from "@reactive-resume/ui";
import { forwardRef, useMemo } from "react"; import { forwardRef, useMemo } from "react";
interface Props { interface Props {
@ -29,11 +36,13 @@ export const URLInput = forwardRef<HTMLInputElement, Props>(
/> />
<Popover> <Popover>
<Tooltip content={t`Label`}>
<PopoverTrigger asChild> <PopoverTrigger asChild>
<Button size="icon" variant="ghost"> <Button size="icon" variant="ghost">
<Tag /> <Tag />
</Button> </Button>
</PopoverTrigger> </PopoverTrigger>
</Tooltip>
<PopoverContent className="p-1.5"> <PopoverContent className="p-1.5">
<Input <Input
value={value.label} value={value.label}