Discard changes to site/src/pages/TemplatePage/TemplateInsightsPage/TemplateInsightsPage.tsx

matifali · web-flow · commit 5095c3f3dbbe · 2023-08-09T12:56:12.000+03:00
diff --git a/site/src/pages/TemplatePage/TemplateInsightsPage/TemplateInsightsPage.tsx b/site/src/pages/TemplatePage/TemplateInsightsPage/TemplateInsightsPage.tsx
@@ -137,6 +137,7 @@ const DailyUsersPanel = ({
         <PanelTitle>
           <DAUTitle />
         </PanelTitle>
+        <PanelSubtitle>Last 7 days</PanelSubtitle>
       </PanelHeader>
       <PanelContent>
         {!data && <Loader sx={{ height: "100%" }} />}
@@ -166,6 +167,7 @@ const UserLatencyPanel = ({
             </HelpTooltipText>
           </HelpTooltip>
         </PanelTitle>
+        <PanelSubtitle>Last 7 days</PanelSubtitle>
       </PanelHeader>
       <PanelContent>
         {!data && <Loader sx={{ height: "100%" }} />}
@@ -226,6 +228,7 @@ const TemplateUsagePanel = ({
     <Panel {...panelProps}>
       <PanelHeader>
         <PanelTitle>App & IDE Usage</PanelTitle>
+        <PanelSubtitle>Last 7 days</PanelSubtitle>
       </PanelHeader>
       <PanelContent>
         {!data && <Loader sx={{ height: 200 }} />}
@@ -308,6 +311,7 @@ const TemplateParametersUsagePanel = ({
     <Panel {...panelProps}>
       <PanelHeader>
         <PanelTitle>Parameters usage</PanelTitle>
+        <PanelSubtitle>Last 7 days</PanelSubtitle>
       </PanelHeader>
       <PanelContent>
         {!data && <Loader sx={{ height: 200 }} />}
@@ -529,6 +533,11 @@ const PanelTitle = styled(Box)(() => ({
   fontWeight: 500,
 }))
 
+const PanelSubtitle = styled(Box)(({ theme }) => ({
+  fontSize: 13,
+  color: theme.palette.text.secondary,
+}))
+
 const PanelContent = styled(Box)(({ theme }) => ({
   padding: theme.spacing(0, 3, 3),
   flex: 1,
