From 0c1904b209877b8d1f950c03b0ac56197786e11c Mon Sep 17 00:00:00 2001 From: BrunoQuaresma Date: Wed, 26 Jul 2023 18:28:13 +0000 Subject: [PATCH] feat(site): show metadata stale data --- .../Resources/AgentMetadata.stories.tsx | 15 ++------- .../components/Resources/AgentMetadata.tsx | 32 +++++++++++++++---- 2 files changed, 27 insertions(+), 20 deletions(-) diff --git a/site/src/components/Resources/AgentMetadata.stories.tsx b/site/src/components/Resources/AgentMetadata.stories.tsx index b5159a5830db2..9e5bedfd907e9 100644 --- a/site/src/components/Resources/AgentMetadata.stories.tsx +++ b/site/src/components/Resources/AgentMetadata.stories.tsx @@ -57,7 +57,7 @@ Example.args = { { result: { ...resultDefaults, - value: "cant see it", + value: "stale value", age: 300, }, description: { @@ -76,18 +76,7 @@ Example.args = { description: { ...descriptionDefaults, display_name: "Error", - }, - }, - { - result: { - ...resultDefaults, - value: "oops", - error: "fatal error", - }, - description: { - ...descriptionDefaults, - display_name: "Error", - key: "stale", + key: "error", }, }, { diff --git a/site/src/components/Resources/AgentMetadata.tsx b/site/src/components/Resources/AgentMetadata.tsx index d72d70ab7efe0..d8f35c3faec22 100644 --- a/site/src/components/Resources/AgentMetadata.tsx +++ b/site/src/components/Resources/AgentMetadata.tsx @@ -6,6 +6,8 @@ import dayjs from "dayjs" import { createContext, FC, useContext, useEffect, useState } from "react" import Skeleton from "@mui/material/Skeleton" import { MONOSPACE_FONT_FAMILY } from "theme/constants" +import { combineClasses } from "utils/combineClasses" +import Tooltip from "@mui/material/Tooltip" type ItemStatus = "stale" | "valid" | "loading" @@ -44,22 +46,33 @@ const MetadataItem: FC<{ item: WorkspaceAgentMetadata }> = ({ item }) => { // users that what's shown is real. If times aren't correctly synced this // could be buggy. But, how common is that anyways? const value = - status === "stale" || status === "loading" ? ( + status === "loading" ? ( + ) : status === "stale" ? ( + +

+ {item.result.value} +

+ ) : (

{item.result.value}

@@ -226,6 +239,11 @@ const useStyles = makeStyles((theme) => ({ color: theme.palette.error.main, }, + metadataStale: { + color: theme.palette.text.disabled, + cursor: "pointer", + }, + skeleton: { marginTop: theme.spacing(0.5), }, 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: