Delete DayMenu
This commit is contained in:
parent
0dcfc8eadf
commit
24edebe065
54
DayMenu.tsx
54
DayMenu.tsx
|
@ -1,54 +0,0 @@
|
||||||
import React, {useState} from 'react';
|
|
||||||
import {Button, Menu} from 'react-native-paper';
|
|
||||||
|
|
||||||
const days = [
|
|
||||||
'Monday',
|
|
||||||
'Tuesday',
|
|
||||||
'Wednesday',
|
|
||||||
'Thursday',
|
|
||||||
'Friday',
|
|
||||||
'Saturday',
|
|
||||||
'Sunday',
|
|
||||||
];
|
|
||||||
|
|
||||||
export default function DayMenu({
|
|
||||||
onSelect,
|
|
||||||
onDelete,
|
|
||||||
selected,
|
|
||||||
index,
|
|
||||||
}: {
|
|
||||||
onSelect: (option: string) => void;
|
|
||||||
onDelete: () => void;
|
|
||||||
selected: string;
|
|
||||||
index: number;
|
|
||||||
}) {
|
|
||||||
const [show, setShow] = useState(false);
|
|
||||||
|
|
||||||
const select = (day: string) => {
|
|
||||||
onSelect(day);
|
|
||||||
setShow(false);
|
|
||||||
};
|
|
||||||
|
|
||||||
return (
|
|
||||||
<Menu
|
|
||||||
visible={show}
|
|
||||||
onDismiss={() => setShow(false)}
|
|
||||||
anchor={
|
|
||||||
<Button icon="today" onPress={() => setShow(true)}>
|
|
||||||
{selected || 'Pick a day'}
|
|
||||||
</Button>
|
|
||||||
}>
|
|
||||||
{days.map(day => (
|
|
||||||
<Menu.Item
|
|
||||||
key={day}
|
|
||||||
icon={selected === day ? 'checkmark-circle' : 'ellipse'}
|
|
||||||
onPress={() => select(day)}
|
|
||||||
title={day}
|
|
||||||
/>
|
|
||||||
))}
|
|
||||||
{index > 0 && (
|
|
||||||
<Menu.Item icon="trash" title="Delete" onPress={onDelete} />
|
|
||||||
)}
|
|
||||||
</Menu>
|
|
||||||
);
|
|
||||||
}
|
|
Loading…
Reference in New Issue
Block a user