From 5fa5109f34ddd50dce9f5f56fb765dcd87dddb63 Mon Sep 17 00:00:00 2001
From: David Corbitt <davidlcorbitt@gmail.com>
Date: Sat, 12 Aug 2023 03:06:19 -0700
Subject: [PATCH] Make cache text gray

---
 app/src/components/requestLogs/TableRow.tsx | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/app/src/components/requestLogs/TableRow.tsx b/app/src/components/requestLogs/TableRow.tsx
index 7de951c..ef0b9d5 100644
--- a/app/src/components/requestLogs/TableRow.tsx
+++ b/app/src/components/requestLogs/TableRow.tsx
@@ -15,7 +15,6 @@ import {
 } from "@chakra-ui/react";
 import dayjs from "dayjs";
 import relativeTime from "dayjs/plugin/relativeTime";
-import { useMemo } from "react";
 import Link from "next/link";
 
 import { type RouterOutputs } from "~/utils/api";
@@ -53,9 +52,11 @@ export const TableRow = ({
 
   const durationCell = (
     <Td isNumeric>
-      {loggedCall.cacheHit
-        ? "Cache hit"
-        : ((loggedCall.modelResponse?.durationMs ?? 0) / 1000).toFixed(2) + "s"}
+      {loggedCall.cacheHit ? (
+        <Text color="gray.500">Cached</Text>
+      ) : (
+        ((loggedCall.modelResponse?.durationMs ?? 0) / 1000).toFixed(2) + "s"
+      )}
     </Td>
   );