added last modified field

This commit is contained in:
Djeeberjr 2021-08-06 19:24:47 +02:00
parent 21ae838025
commit da85c3070c
5 changed files with 28 additions and 1 deletions

View File

@ -13,7 +13,8 @@ const DirectoryElement: React.FC<Props> = (props) => {
📂 {props.dir.name}
</td>
<td>
</td>
<td>
</td>
</>
)

View File

@ -46,6 +46,7 @@ const FileBrowser: React.FC = () => {
<thead>
<tr>
<th>Name</th>
<th>Last Modified</th>
<th>Size</th>
</tr>
</thead>

View File

@ -2,6 +2,7 @@ import React from "react"
import PropTypes from "prop-types"
import { File } from "../generated/graphql"
import sizeToReadable from "../functions/sizeToReadable"
import dateFormat from "../functions/dateFomat"
interface Props {
file: File
@ -13,9 +14,13 @@ const FileElement: React.FC<Props> = (props) => {
<td>
📄 {props.file.name}
</td>
<td>
{dateFormat(props.file.lastModified)}
</td>
<td>
{sizeToReadable(props.file.size)}
</td>
</>
)
}

View File

@ -0,0 +1,19 @@
/**
* Transforms the DateTime given from the api to a human readable format
* @param date Date in ISO 8601 fomat
*/
function dateFormat(date:string | undefined | null): string {
if (!date) return ""
const parsedDate = new Date(date)
const now = new Date()
if (parsedDate.toDateString() === now.toDateString()){
return parsedDate.toLocaleTimeString()
}else{
return parsedDate.toLocaleDateString()
}
}
export default dateFormat

View File

@ -3,6 +3,7 @@ query openDir($path: String!) {
id
name
size
lastModified
}
directorys(path: $path){
id