Conditionally hide delete button
This commit is contained in:
@ -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"
|
||||||
|
Reference in New Issue
Block a user