33 lines
649 B
TypeScript
33 lines
649 B
TypeScript
import { Chip } from "react-native-paper";
|
|
|
|
import {
|
|
TodoStatus,
|
|
TodoStatusLabels,
|
|
TodoStatusColors,
|
|
} from "@/constants/todoStatusEnum";
|
|
|
|
interface StatusTableItemProps {
|
|
todoStatus: TodoStatus;
|
|
}
|
|
|
|
export const StatusTableItem = ({ todoStatus }: StatusTableItemProps) => {
|
|
return (
|
|
<Chip
|
|
key={todoStatus}
|
|
textStyle={{
|
|
color: "black",
|
|
}}
|
|
compact
|
|
mode="outlined"
|
|
showSelectedCheck={false}
|
|
style={{
|
|
backgroundColor: TodoStatusColors[todoStatus],
|
|
borderColor: "transparent",
|
|
borderRadius: 4,
|
|
}}
|
|
>
|
|
{TodoStatusLabels[todoStatus]}
|
|
</Chip>
|
|
);
|
|
};
|