diff --git a/site/src/pages/WorkspacePage/AppStatuses.tsx b/site/src/pages/WorkspacePage/AppStatuses.tsx index 95e3f9c95a472..71547992ecd9e 100644 --- a/site/src/pages/WorkspacePage/AppStatuses.tsx +++ b/site/src/pages/WorkspacePage/AppStatuses.tsx @@ -15,16 +15,19 @@ import { import capitalize from "lodash/capitalize"; import { timeFrom } from "utils/time"; +import { ScrollArea } from "components/ScrollArea/ScrollArea"; import { ChevronDownIcon, ChevronUpIcon, ExternalLinkIcon, FileIcon, LayoutGridIcon, + SquareCheckBigIcon, } from "lucide-react"; import { AppStatusStateIcon } from "modules/apps/AppStatusStateIcon"; import { useAppLink } from "modules/apps/useAppLink"; import { type FC, useState } from "react"; +import { Link as RouterLink } from "react-router-dom"; import { truncateURI } from "utils/uri"; interface AppStatusesProps { @@ -81,9 +84,9 @@ export const AppStatuses: FC = ({ {latestStatus.message || capitalize(latestStatus.state)} - + {timeFrom(new Date(latestStatus.created_at), comparisonDate)} - +

@@ -119,6 +122,13 @@ export const AppStatuses: FC = ({ ))} + + @@ -141,35 +151,38 @@ export const AppStatuses: FC = ({

- {displayStatuses && - otherStatuses.map((status) => { - const statusTime = new Date(status.created_at); - const formattedTimestamp = timeFrom(statusTime, comparisonDate); + {displayStatuses && ( + + {otherStatuses.map((status) => { + const statusTime = new Date(status.created_at); + const formattedTimestamp = timeFrom(statusTime, comparisonDate); - return ( -

- - - {status.message || capitalize(status.state)} - - - {formattedTimestamp} - + > +

+ + + {status.message || capitalize(status.state)} + + + {formattedTimestamp} + +

- ); - })} + ); + })} + + )} ); }; pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.

Alternative Proxies: