Adjust named

This commit is contained in:
Nick Mowen 2022-05-18 09:04:45 -06:00
parent 4b00faad70
commit dd36cdde5e

View File

@ -59,7 +59,7 @@ export default function Events({ path, ...props }) {
has_snapshot: false, has_snapshot: false,
plus_id: undefined, plus_id: undefined,
}); });
const [deleteState, setDeleteState] = useState({ const [deleteFavoriteState, setDeleteFavoriteState] = useState({
deletingFavoriteEventId: null, deletingFavoriteEventId: null,
showDeleteFavorite: false, showDeleteFavorite: false,
}); });
@ -122,7 +122,7 @@ export default function Events({ path, ...props }) {
e.stopPropagation(); e.stopPropagation();
if (saved) { if (saved) {
setDeleteState({ deletingFavoriteEventId: eventId, showDeleteFavorite: true }); setDeleteFavoriteState({ deletingFavoriteEventId: eventId, showDeleteFavorite: true });
} else { } else {
const response = await axios.delete(`events/${eventId}`); const response = await axios.delete(`events/${eventId}`);
if (response.status === 200) { if (response.status === 200) {
@ -383,14 +383,14 @@ export default function Events({ path, ...props }) {
</div> </div>
</Dialog> </Dialog>
)} )}
{deleteState.showDeleteFavorite && ( {deleteFavoriteState.showDeleteFavorite && (
<Dialog> <Dialog>
<div className="p-4"> <div className="p-4">
<Heading size="lg">Delete Saved Event?</Heading> <Heading size="lg">Delete Saved Event?</Heading>
<p className="mb-2">Confirm deletion of saved event.</p> <p className="mb-2">Confirm deletion of saved event.</p>
</div> </div>
<div className="p-2 flex justify-start flex-row-reverse space-x-2"> <div className="p-2 flex justify-start flex-row-reverse space-x-2">
<Button className="ml-2" onClick={(e) => { setDeleteState({ ...state, showDeleteFavorite: false }); onDelete(e, deleteState.deletingFavoriteEventId, false) }} type="text"> <Button className="ml-2" onClick={(e) => { setDeleteFavoriteState({ ...state, showDeleteFavorite: false }); onDelete(e, deleteFavoriteState.deletingFavoriteEventId, false) }} type="text">
Delete Delete
</Button> </Button>
</div> </div>