Added Last changes

Author: Gimleux

webapp_frontend/src/background/api/filesystem.ts

@@ -48,7 +48,7 @@ const exampleValue = (path: string): BackendFolderContentsData => {
             {
                 "createdByUserId": 1,
                 "id": 0,
-                "lastUpdated": 1607177368 ,
+                "lastUpdated": 1597177368 ,
                 "name": "text.txt",
                 "permissionSet": {
                     "editableForGroups": [
@@ -82,7 +82,7 @@ const exampleValue = (path: string): BackendFolderContentsData => {
             {
                 "createdByUserId": 2,
                 "id": 0,
-                "lastUpdated": 1607147368 ,
+                "lastUpdated": 1599147368 ,
                 "name": "sound.mp3",
                 "permissionSet": {
                     "editableForGroups": [
@@ -116,7 +116,7 @@ const exampleValue = (path: string): BackendFolderContentsData => {
             {
                 "createdByUserId": 1,
                 "id": 0,
-                "lastUpdated": 1607047368 ,
+                "lastUpdated": 1602047368 ,
                 "name": "movie.mp4",
                 "permissionSet": {
                     "editableForGroups": [
@@ -150,7 +150,7 @@ const exampleValue = (path: string): BackendFolderContentsData => {
             {
                 "createdByUserId": 2,
                 "id": 0,
-                "lastUpdated": 1607149968 ,
+                "lastUpdated": 1599949968 ,
                 "name": "image.jpg",
                 "permissionSet": {
                     "editableForGroups": [
@@ -184,7 +184,7 @@ const exampleValue = (path: string): BackendFolderContentsData => {
             {
                 "createdByUserId": 1313,
                 "id": 0,
-                "lastUpdated": 1607132468 ,
+                "lastUpdated": 1599992468 ,
                 "name": "importantFile.md",
                 "permissionSet": {
                     "editableForGroups": [
@@ -218,7 +218,7 @@ const exampleValue = (path: string): BackendFolderContentsData => {
             {
                 "createdByUserId": 2,
                 "id": 0,
-                "lastUpdated": 1607149968 ,
+                "lastUpdated": 1601584968 ,
                 "name": "likeMe.html",
                 "permissionSet": {
                     "editableForGroups": [
@@ -253,7 +253,7 @@ const exampleValue = (path: string): BackendFolderContentsData => {
         "folders": [{
             "createdByUserId": 0,
             "id": 0,
-            "lastUpdated": 0,
+            "lastUpdated": 1601148846,
             "name": "unterBla",
             "path": "/bla/unterBla",
             "permissionSet": {

webapp_frontend/src/components/pages/filesytem/FileListItem.tsx

@@ -9,6 +9,7 @@ import {
     FolderIcon
 } from "../../../elements/svg/SymbolFile";
 import {reverseString} from "../../../background/methods/strings";
+import {getDateAsStringFromTimestamp} from "../../../background/methods/time";
 
 type Props = {
     fileListItem: FileListEntity;
@@ -34,8 +35,8 @@ export default function FileListItem(props: Props): ReactElement {
 
     const ICON_HEIGHT = "40px";
 
-    const rightFileIcon = (type: string, name: string): ReactElement => {
-        if (type.toLowerCase() === "folder") return <FolderIcon height={ICON_HEIGHT} width={"auto"}
+    const FileIcon = (isFolder: boolean, name: string): ReactElement => {
+        if (isFolder) return <FolderIcon height={ICON_HEIGHT} width={"auto"}
                                                                 color={"secondary"}/>
         let positionOfPoint = reverseString(name).indexOf(".");
         if (positionOfPoint < 0) return <FileEarmarkIcon height={ICON_HEIGHT} width={"auto"} color={"secondary"}/>
@@ -71,12 +72,12 @@ export default function FileListItem(props: Props): ReactElement {
                 <Form.Check type="checkbox" onChange={() => console.log(`[files] selected ${props.fileListItem.id}`)}/>
             </Form.Group></Col>
             <Col xs={1}>{props.fileListItem.type}</Col>
-            <Col xs={1}>{rightFileIcon(props.fileListItem.type, props.fileListItem.name)}</Col>
+            <Col xs={1}>{FileIcon(props.fileListItem.isFolder, props.fileListItem.name)}</Col>
             <Col xs={1}>...</Col>
             <Col xs={3}><Link to={`/file${props.fileListItem.path ?? ""}`}
                               onClick={() => onClick()}>{props.fileListItem.name}</Link></Col>
             <Col xs={3}>{props.fileListItem.createdByUserId}</Col>
-            <Col xs={1}>{props.fileListItem.lastUpdated}</Col>
+            <Col xs={1}>{getDateAsStringFromTimestamp(props.fileListItem.lastUpdated)}</Col>
             <Col xs={1}>{props.fileListItem.size}</Col>
         </>
     )