chore: hide selector for image transformations

Author: ChiragAgg5k

src/lib/layout/usage.svelte

@@ -58,12 +58,12 @@
 </script>
 
 <script lang="ts">
-    import { Container } from '$lib/layout';
+    import { page } from '$app/stores';
     import { BarChart } from '$lib/charts';
+    import { Card, Heading, SecondaryTabs, SecondaryTabsItem } from '$lib/components';
     import { formatNumberWithCommas } from '$lib/helpers/numbers';
-    import { Card, SecondaryTabs, SecondaryTabsItem, Heading } from '$lib/components';
+    import { Container } from '$lib/layout';
     import { ProjectUsageRange, type Models } from '@appwrite.io/console';
-    import { page } from '$app/stores';
 
     type MetricMetadata = {
         title: string;
@@ -75,24 +75,27 @@
     export let count: Models.Metric[];
     export let countMetadata: MetricMetadata;
     export let path: string = null;
+    export let hideSelectPeriod: boolean = false;
 </script>
 
 <Container>
     <div class="u-flex u-main-space-between common-section">
         <Heading tag="h2" size="5">{title}</Heading>
-        <SecondaryTabs>
-            <SecondaryTabsItem href={`${path}/24h`} disabled={$page.params.period === '24h'}>
-                24h
-            </SecondaryTabsItem>
-            <SecondaryTabsItem
-                href={`${path}/30d`}
-                disabled={!$page.params.period || $page.params.period === '30d'}>
-                30d
-            </SecondaryTabsItem>
-            <SecondaryTabsItem href={`${path}/90d`} disabled={$page.params.period === '90d'}>
-                90d
-            </SecondaryTabsItem>
-        </SecondaryTabs>
+        {#if !hideSelectPeriod}
+            <SecondaryTabs>
+                <SecondaryTabsItem href={`${path}/24h`} disabled={$page.params.period === '24h'}>
+                    24h
+                </SecondaryTabsItem>
+                <SecondaryTabsItem
+                    href={`${path}/30d`}
+                    disabled={!$page.params.period || $page.params.period === '30d'}>
+                    30d
+                </SecondaryTabsItem>
+                <SecondaryTabsItem href={`${path}/90d`} disabled={$page.params.period === '90d'}>
+                    90d
+                </SecondaryTabsItem>
+            </SecondaryTabs>
+        {/if}
     </div>
     <Card>
         {#if count}

src/routes/(console)/project-[project]/storage/bucket-[bucket]/usage/[[period]]/+page.svelte

@@ -9,8 +9,6 @@
     $: files = data.files;
     $: transformationsTotal = data.imageTransformationsTotal;
     $: transformations = data.imageTransformations;
-
-    console.log(data);
 </script>
 
 <Usage
@@ -31,4 +29,5 @@
     countMetadata={{
         legend: 'Image Transformations',
         title: 'Total transformations'
-    }} />
+    }}
+    hideSelectPeriod />