From 01f5b248ba3186e434bd69f0cfea81272d10bc1f Mon Sep 17 00:00:00 2001
From: data-miner00 <data-miner00@users.noreply.github.com>
Date: Sun, 29 Sep 2024 07:43:49 +0800
Subject: [PATCH] refactor: Fix bandwith typo

---
 .../(console)/project-[project]/overview/+layout.svelte   | 4 ++--
 .../overview/{bandwith.svelte => bandwidth.svelte}        | 8 ++++----
 2 files changed, 6 insertions(+), 6 deletions(-)
 rename src/routes/(console)/project-[project]/overview/{bandwith.svelte => bandwidth.svelte} (93%)

diff --git a/src/routes/(console)/project-[project]/overview/+layout.svelte b/src/routes/(console)/project-[project]/overview/+layout.svelte
index b837160d9..d0f59d1fc 100644
--- a/src/routes/(console)/project-[project]/overview/+layout.svelte
+++ b/src/routes/(console)/project-[project]/overview/+layout.svelte
@@ -16,7 +16,7 @@
     import { Container, type UsagePeriods } from '$lib/layout';
     import { onMount } from 'svelte';
     import { onboarding, project } from '../store';
-    import Bandwith from './bandwith.svelte';
+    import Bandwidth from './bandwidth.svelte';
     import { createApiKey } from './keys/+page.svelte';
     import Onboard from './onboard.svelte';
     import Realtime from './realtime.svelte';
@@ -91,7 +91,7 @@
                 <section class="common-section">
                     <div class="grid-dashboard-1s-2m-6l">
                         <div class="card is-2-columns-medium-screen is-3-columns-large-screen">
-                            <Bandwith {period} on:change={(e) => changePeriod(e.detail)} />
+                            <Bandwidth {period} on:change={(e) => changePeriod(e.detail)} />
                         </div>
                         <div class="card is-2-columns-medium-screen is-3-columns-large-screen">
                             <Requests {period} on:change={(e) => changePeriod(e.detail)} />
diff --git a/src/routes/(console)/project-[project]/overview/bandwith.svelte b/src/routes/(console)/project-[project]/overview/bandwidth.svelte
similarity index 93%
rename from src/routes/(console)/project-[project]/overview/bandwith.svelte
rename to src/routes/(console)/project-[project]/overview/bandwidth.svelte
index e508e935e..a6e1b53c9 100644
--- a/src/routes/(console)/project-[project]/overview/bandwith.svelte
+++ b/src/routes/(console)/project-[project]/overview/bandwidth.svelte
@@ -18,7 +18,7 @@
         value: number;
     }>;
 
-    $: bandwith = humanFileSize(totalMetrics($usage?.network));
+    $: bandwidth = humanFileSize(totalMetrics($usage?.network));
 
     $: if (period) {
         showPeriod = false;
@@ -28,8 +28,8 @@
 <div class="u-flex u-gap-16 u-main-space-between">
     <div>
         <div class="heading-level-4">
-            {bandwith.value}
-            <span class="body-text-2">{bandwith.unit}</span>
+            {bandwidth.value}
+            <span class="body-text-2">{bandwidth.unit}</span>
         </div>
         <div>Bandwidth</div>
     </div>
@@ -45,7 +45,7 @@
         </svelte:fragment>
     </DropList>
 </div>
-{#if bandwith.value !== '0'}
+{#if bandwidth.value !== '0'}
     <div style="height: 12rem;">
         <BarChart
             options={{