Ryan/documenso
1
0
Fork 1
mirror of https://github.com/documenso/documenso.git synced 2025-11-10 12:32:34 +10:00
Code Issues Packages Projects Releases Wiki Activity

refactor: replace whole implementation with a state

Browse Source
This commit is contained in:
Ephraim Atta-Duncan
2023-09-09 10:56:45 +00:00
parent 9186cb4d7b
commit f8a193c0f8
2 changed files with 43 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
packages/ui/primitives/document-flow/add-fields.tsx
View File

@ -22,12 +22,7 @@ import {
CommandInput,
CommandItem,
} from '@documenso/ui/primitives/command';
import {
Popover,
PopoverClose,
PopoverContent,
PopoverTrigger,
} from '@documenso/ui/primitives/popover';
import { Popover, PopoverContent, PopoverTrigger } from '@documenso/ui/primitives/popover';
import { Tooltip, TooltipContent, TooltipTrigger } from '@documenso/ui/primitives/tooltip';
import { TAddFieldsFormSchema } from './add-fields.types';
@ -107,6 +102,7 @@ export const AddFieldsFormPartial = ({
const [selectedField, setSelectedField] = useState<FieldType | null>(null);
const [selectedSigner, setSelectedSigner] = useState<Recipient | null>(null);
const [showRecipientsSelector, setShowRecipientsSelector] = useState(false);
const hasSelectedSignerBeenSent = selectedSigner?.sendStatus === SendStatus.SENT;
@ -319,7 +315,7 @@ export const AddFieldsFormPartial = ({
))}
{!hideRecipients && (
<Popover>
<Popover open={showRecipientsSelector} onOpenChange={setShowRecipientsSelector}>
<PopoverTrigger asChild>
<Button
type="button"
@ -350,13 +346,13 @@ export const AddFieldsFormPartial = ({
{recipients.map((recipient, index) => (
<CommandItem
key={index}
className="p-0"
onSelect={() => setSelectedSigner(recipient)}
>
<PopoverClose
className={cn('flex w-full px-1 py-2', {
className={cn({
'text-muted-foreground': recipient.sendStatus === SendStatus.SENT,
})}
onSelect={() => {
setSelectedSigner(recipient);
setShowRecipientsSelector(false);
}}
>
{recipient.sendStatus !== SendStatus.SENT ? (
<Check
@ -392,7 +388,6 @@ export const AddFieldsFormPartial = ({
{recipient.email}
</span>
)}
</PopoverClose>
</CommandItem>
))}
</CommandGroup>

4
packages/ui/primitives/popover.tsx
View File

@ -10,8 +10,6 @@ const Popover = PopoverPrimitive.Root;
const PopoverTrigger = PopoverPrimitive.Trigger;
const PopoverClose = PopoverPrimitive.Close;
const PopoverContent = React.forwardRef<
React.ElementRef<typeof PopoverPrimitive.Content>,
React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>
@ -32,4 +30,4 @@ const PopoverContent = React.forwardRef<
PopoverContent.displayName = PopoverPrimitive.Content.displayName;
export { Popover, PopoverTrigger, PopoverContent, PopoverClose };
export { Popover, PopoverTrigger, PopoverContent };