ahmadk953/tasko
1
0
Fork 0
mirror of https://github.com/ahmadk953/tasko.git synced 2025-05-10 07:33:09 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

fix: handle undefined card titles in card modal header

Browse source
This commit is contained in:
sentry-autofix[bot] 2025-03-23 04:45:56 +00:00 • committed by GitHub
parent f840739c6d
commit e9272fe391
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 70 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

2
components/modals/card-modal/header.tsx
View file

@ -40,7 +40,7 @@ export const Header = ({ data }: HeaderProps) => {
const inputRef = useRef<HTMLInputElement>(null);
const [title, setTitle] = useState(data.title);
const [title, setTitle] = useState(data?.title || '');
const onBlur = () => {
inputRef.current?.form?.requestSubmit();

6
components/modals/card-modal/index.tsx
View file

@ -19,14 +19,16 @@ export const CardModal = () => {
const isOpen = useCardModal((state) => state.isOpen);
const onClose = useCardModal((state) => state.onClose);
const { data: cardData } = useQuery<CardWithList>({
const { data: cardData, isLoading } = useQuery<CardWithList>({
queryKey: ['card', id],
queryFn: () => fetcher(`/api/cards/${id}`),
enabled: !!id, // Only run the query when ID exists
});
const { data: auditLogsData } = useQuery<AuditLog[]>({
queryKey: ['card-logs', id],
queryFn: () => fetcher(`/api/cards/${id}/logs`),
enabled: !!id, // Only run the query when ID exists
});
return (
@ -35,7 +37,7 @@ export const CardModal = () => {
<VisuallyHidden.Root>
<DialogTitle>Card Data Panel</DialogTitle>
</VisuallyHidden.Root>
{!cardData ? <Header.Skeleton /> : <Header data={cardData} />}
{!cardData || !cardData.title ? <Header.Skeleton /> : <Header data={cardData} />}
<div className='grid grid-cols-1 md:grid-cols-4 md:gap-4'>
<div className='col-span-3'>
<div className='w-full space-y-10'>