From cc72f145d7b2c807bfe52d69d698b6129814a175 Mon Sep 17 00:00:00 2001
From: James Ritchie <james@jamesritchie.co.uk>
Date: Tue, 28 Nov 2023 14:21:34 +0000
Subject: [PATCH] Added more examples of usage to storybook

---
 apps/webapp/app/components/stories/UsageBar.stories.tsx | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/apps/webapp/app/components/stories/UsageBar.stories.tsx b/apps/webapp/app/components/stories/UsageBar.stories.tsx
index b5b34a14e..c8818ed3d 100644
--- a/apps/webapp/app/components/stories/UsageBar.stories.tsx
+++ b/apps/webapp/app/components/stories/UsageBar.stories.tsx
@@ -26,7 +26,7 @@ function UsageProgressBar() {
       </UsageBarWrapper>
       <UsageBarWrapper title="Billing limit set">
         <UsageBar
-          numberOfCurrentRuns={30000}
+          numberOfCurrentRuns={35674}
           tierRunLimit={50000}
           projectedRuns={120000}
           billingLimit={180000}
@@ -50,12 +50,15 @@ function UsageProgressBar() {
           subscribedToPaidTier
         />
       </UsageBarWrapper>
+      <UsageBarWrapper title="Brand new user usage">
+        <UsageBar numberOfCurrentRuns={0} tierRunLimit={50000} projectedRuns={0} />
+      </UsageBarWrapper>
       <UsageBarWrapper title="Overlapping UI example">
         <UsageBar
-          numberOfCurrentRuns={90000}
+          numberOfCurrentRuns={95000}
           tierRunLimit={50000}
           billingLimit={55000}
-          projectedRuns={100000}
+          projectedRuns={93132}
           subscribedToPaidTier
         />
       </UsageBarWrapper>