Rename JSX to JS.

2022-01-12 14:22:13 -08:00
parent 37bede677a
commit d019f35d4a
35 changed files with 566 additions and 454 deletions
--- a/components/job-notes-item/job-notes-item.component.js
+++ b/components/job-notes-item/job-notes-item.component.js
@@ -0,0 +1,46 @@
+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>
+  );
+}