Conditionally hide delete button

This commit is contained in:
2024-10-19 00:29:25 -04:00
parent 636d1d6cd7
commit 4f491806ac

View File

@ -78,6 +78,7 @@ export async function loader({ context }: { context: RequestContext }) {
), ),
events: monthEventList.results, events: monthEventList.results,
members: membersList.results as { id: string; name: string }[], members: membersList.results as { id: string; name: string }[],
user_id: context.data.current_user.id as string,
}; };
} }
@ -86,10 +87,12 @@ export default function () {
can_approve, can_approve,
events, events,
members, members,
user_id,
}: { }: {
can_approve: boolean; can_approve: boolean;
events: { [k: string]: any }[]; events: { [k: string]: any }[];
members: { id: string; name: string }[]; members: { id: string; name: string }[];
user_id: string;
} = useLoaderData<typeof loader>(); } = useLoaderData<typeof loader>();
const [eventData, setEventData] = useState(events); const [eventData, setEventData] = useState(events);
const { isOpen, onClose, onOpen } = useDisclosure(); const { isOpen, onClose, onOpen } = useDisclosure();
@ -601,12 +604,17 @@ export default function () {
</Text> </Text>
<Button <Button
alignSelf="center" alignSelf="center"
display={
event.created_by === user_id || can_approve
? undefined
: "none"
}
marginLeft="auto"
marginRight={0}
onClick={() => { onClick={() => {
setSelectedEvent(event.id); setSelectedEvent(event.id);
onDeleteOpen(); onDeleteOpen();
}} }}
marginLeft="auto"
marginRight={0}
> >
<svg <svg
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"