47 lines
1.3 KiB
JavaScript
47 lines
1.3 KiB
JavaScript
import { AntDesign } from "@expo/vector-icons";
|
|
import { DateTime } from "luxon";
|
|
import React from "react";
|
|
import { Text, View } from "react-native";
|
|
import { Card } from "react-native-paper";
|
|
export default function NoteListItem({ item }) {
|
|
return (
|
|
<Card style={{ margin: 8 }}>
|
|
<Card.Content>
|
|
<View style={{ display: "flex", flex: 1 }}>
|
|
<Text>{item.text}</Text>
|
|
<View
|
|
style={{
|
|
flexDirection: "column",
|
|
alignSelf: "flex-end",
|
|
alignItems: "center",
|
|
}}
|
|
>
|
|
{item.private && (
|
|
<AntDesign
|
|
name="eyeo"
|
|
style={{ margin: 4 }}
|
|
size={24}
|
|
color="black"
|
|
/>
|
|
)}
|
|
{item.critical && (
|
|
<AntDesign
|
|
name="warning"
|
|
style={{ margin: 4 }}
|
|
size={24}
|
|
color="tomato"
|
|
/>
|
|
)}
|
|
<Text style={{ fontSize: 12 }}>{item.created_by}</Text>
|
|
<Text style={{ fontSize: 12 }}>
|
|
{DateTime.fromISO(item.created_at).toLocaleString(
|
|
DateTime.DATETIME_SHORT
|
|
)}
|
|
</Text>
|
|
</View>
|
|
</View>
|
|
</Card.Content>
|
|
</Card>
|
|
);
|
|
}
|