refactor(site): hide unavailable usage information (#13341)

This commit is contained in:
Bruno Quaresma
2024-05-22 10:26:59 -03:00
committed by GitHub
parent 7ea4a89a20
commit 390ff9ac05
2 changed files with 13 additions and 11 deletions

View File

@ -76,8 +76,8 @@ export const Loaded: Story = {
display_name: "JetBrains", display_name: "JetBrains",
slug: "jetbrains", slug: "jetbrains",
icon: "/icon/intellij.svg", icon: "/icon/intellij.svg",
seconds: 0, seconds: 2013400,
times_used: 0, times_used: 20,
}, },
{ {
template_ids: ["0d286645-29aa-4eaf-9b52-cc5d2740c90b"], template_ids: ["0d286645-29aa-4eaf-9b52-cc5d2740c90b"],

View File

@ -504,6 +504,7 @@ const TemplateUsagePanel: FC<TemplateUsagePanelProps> = ({
}} }}
> >
{formatTime(usage.seconds)} {formatTime(usage.seconds)}
{usage.times_used > 0 && (
<span <span
css={{ css={{
fontSize: 12, fontSize: 12,
@ -513,6 +514,7 @@ const TemplateUsagePanel: FC<TemplateUsagePanelProps> = ({
Opened {usage.times_used.toLocaleString()}{" "} Opened {usage.times_used.toLocaleString()}{" "}
{usage.times_used === 1 ? "time" : "times"} {usage.times_used === 1 ? "time" : "times"}
</span> </span>
)}
</Stack> </Stack>
</div> </div>
); );