From e24a5ac8d71007ccd4b2cf990a9c2387bd36d510 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Filip=20Tron=C3=AD=C4=8Dek?= <filip.tronicek@seznam.cz>
Date: Sun, 18 Oct 2020 18:15:39 +0200
Subject: [PATCH] Time with dayjs

---
 package-lock.json         |  6 +++---
 package.json              |  1 +
 screens/home.component.js | 16 ++++++++++++----
 src/app/api-req.js        |  1 +
 4 files changed, 17 insertions(+), 7 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index c98773d..f43c4a0 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -2792,9 +2792,9 @@
       "dev": true
     },
     "dayjs": {
-      "version": "1.9.1",
-      "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.9.1.tgz",
-      "integrity": "sha512-01NCTBg8cuMJG1OQc6PR7T66+AFYiPwgDvdJmvJBn29NGzIG+DIFxPLNjHzwz3cpFIvG+NcwIjP9hSaPVoOaDg=="
+      "version": "1.9.3",
+      "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.9.3.tgz",
+      "integrity": "sha512-V+1SyIvkS+HmNbN1G7A9+ERbFTV9KTXu6Oor98v2xHmzzpp52OIJhQuJSTywWuBY5pyAEmlwbCi1Me87n/SLOw=="
     },
     "debug": {
       "version": "4.2.0",
diff --git a/package.json b/package.json
index 4956639..da1f1ef 100644
--- a/package.json
+++ b/package.json
@@ -16,6 +16,7 @@
     "@react-navigation/stack": "^5.9.2",
     "@ui-kitten/components": "^5.0.0",
     "@ui-kitten/eva-icons": "^5.0.0",
+    "dayjs": "^1.9.3",
     "expo": "^39.0.3",
     "expo-status-bar": "~1.0.2",
     "node-fetch": "^2.6.1",
diff --git a/screens/home.component.js b/screens/home.component.js
index 5cbd96f..525ef40 100644
--- a/screens/home.component.js
+++ b/screens/home.component.js
@@ -6,6 +6,10 @@ import { SafeAreaView, View, StyleSheet } from "react-native";
 import { signOut } from "../src/auth/signout";
 import { requestData } from "../src/app/api-req";
 
+const dayjs = require('dayjs');
+const relativeTime = require('dayjs/plugin/relativeTime');
+dayjs.extend(relativeTime);
+
 const data = new Array(5).fill({
   title: 'Item',
 });
@@ -15,7 +19,7 @@ const ListCustomItemShowcase = ( props ) => {
   const renderItemHeader = (headerProps, info) => (
     <View {...headerProps}>
       <Text category='h6'>
-        {info.item.node.id}
+        {info.item.node.task}
       </Text>
     </View>
   );
@@ -26,17 +30,21 @@ const ListCustomItemShowcase = ( props ) => {
     </Text>
   );
 
-  const renderItem = (info) => (
+  const renderItem = (info) => {
+
+    //const date = new Date(info.item.node.created_at);
+    return (
     <Card
       style={styles.item}
       status='basic'
       header={headerProps => renderItemHeader(headerProps, info)}
       footer={footerProps => renderItemFooter(footerProps, info)}>
       <Text>
-        {info.item.node.task}
+        Created {dayjs(info.item.node.created_at).fromNow()}
       </Text>
     </Card>
-  );
+    );
+  };
 
   return (
     props.data ?
diff --git a/src/app/api-req.js b/src/app/api-req.js
index 785d850..35cd873 100644
--- a/src/app/api-req.js
+++ b/src/app/api-req.js
@@ -36,6 +36,7 @@ export const requestData = async (params) => {
               }
               id
               task
+              created_at
             }
           }
         }