fix:removed onMount

Author: HarshMN2345

src/lib/components/feedback/feedbackGeneral.svelte

@@ -1,22 +1,12 @@
 <script lang="ts">
-    import { onMount } from 'svelte';
     import { InputTextarea } from '$lib/elements/forms';
     import { feedbackData } from '$lib/stores/feedback';
-
-    onMount(() => {
-        setTimeout(() => {
-            const textarea = document.getElementById('feedback') as HTMLTextAreaElement;
-            if (textarea) {
-                textarea.focus();
-            }
-        }, 150);
-    });
 </script>
 
 <InputTextarea
     required
     id="feedback"
-    autofocus={true}
+    autofocus
     bind:value={$feedbackData.message}
     label="Tell us more about your experience"
     placeholder="Share your suggestions and feature requests..." />

src/lib/components/navbar.svelte

@@ -51,7 +51,7 @@
     import { base } from '$app/paths';
     import { logout } from '$lib/helpers/logout';
     import { app } from '$lib/stores/app';
-    import { isTabletViewport } from '$lib/stores/viewport';
+    import { isTabletViewport, isSmallViewport } from '$lib/stores/viewport';
     import { isCloud } from '$lib/system.js';
     import { user } from '$lib/stores/user';
     import { Click, trackEvent } from '$lib/actions/analytics';
@@ -166,20 +166,22 @@
                         >Upgrade</Button.Anchor>
                 {/if}
 
-                <DropList show={$feedback.show} class="extended-width">
-                    <Button.Button
-                        type="button"
-                        variant="compact"
-                        on:click={() => {
-                            toggleFeedback();
-                            trackEvent(Click.FeedbackSubmitClick, { source: 'top_nav' });
-                        }}
-                        >Feedback
-                    </Button.Button>
-                    <svelte:fragment slot="other">
-                        <Feedback />
-                    </svelte:fragment>
-                </DropList>
+                {#if !$isSmallViewport}
+                    <DropList show={$feedback.show} class="extended-width">
+                        <Button.Button
+                            type="button"
+                            variant="compact"
+                            on:click={() => {
+                                toggleFeedback();
+                                trackEvent(Click.FeedbackSubmitClick, { source: 'top_nav' });
+                            }}
+                            >Feedback
+                        </Button.Button>
+                        <svelte:fragment slot="other">
+                            <Feedback />
+                        </svelte:fragment>
+                    </DropList>
+                {/if}
                 <DropList
                     noArrow
                     scrollable

src/lib/components/sidebar.svelte

@@ -35,7 +35,7 @@
     import MobileSupportModal from '$routes/(console)/wizard/support/mobileSupportModal.svelte';
     import MobileFeedbackModal from '$routes/(console)/wizard/feedback/mobileFeedbackModal.svelte';
     import { getSidebarState, updateSidebarState } from '$lib/helpers/sidebar';
-    import { isTabletViewport } from '$lib/stores/viewport';
+    import { isTabletViewport, isSmallViewport } from '$lib/stores/viewport';
     import { Click, trackEvent } from '$lib/actions/analytics';
 
     import type { HTMLAttributes } from 'svelte/elements';
@@ -269,7 +269,9 @@
                                 >Feedback
                             </Button.Button>
                             <svelte:fragment slot="other">
-                                <MobileFeedbackModal />
+                                {#if $isSmallViewport}
+                                    <MobileFeedbackModal />
+                                {/if}
                             </svelte:fragment>
                         </DropList>
 
@@ -329,7 +331,9 @@
                                     ><span>Feedback</span>
                                 </Button.Button>
                                 <svelte:fragment slot="other">
-                                    <MobileFeedbackModal />
+                                    {#if $isSmallViewport}
+                                        <MobileFeedbackModal />
+                                    {/if}
                                 </svelte:fragment>
                             </DropList>
 

src/routes/(console)/project-[region]-[project]/auth/createUser.svelte

@@ -56,7 +56,7 @@
 </script>
 
 <Modal title="Create user" {error} bind:show={showCreate} onSubmit={create}>
-    <InputText autofocus={true} id="name" label="Name" placeholder="Enter name" bind:value={name} />
+    <InputText autofocus id="name" label="Name" placeholder="Enter name" bind:value={name} />
     <InputEmail id="email" label="Email" placeholder="Enter email" bind:value={mail} />
     <InputPhone id="phone" label="Phone" placeholder="Enter phone" bind:value={phone} />
     <InputPassword id="password" label="Password" placeholder="Enter password" bind:value={pass} />

src/routes/(console)/project-[region]-[project]/messaging/create-[type]/(type)/push.svelte

@@ -116,7 +116,7 @@
                         id="title"
                         label="Title"
                         required
-                        autofocus={true}
+                        autofocus
                         placeholder="Enter title"
                         bind:value={title}>
                     </InputText>

src/routes/(console)/project-[region]-[project]/messaging/create-[type]/(type)/sms.svelte

@@ -96,7 +96,7 @@
                         id="message"
                         label="Message"
                         required
-                        autofocus={true}
+                        autofocus
                         maxlength={900}
                         placeholder="Type here..."
                         bind:value={content}>

src/routes/(console)/project-[region]-[project]/storage/create.svelte

@@ -55,7 +55,7 @@
         label="Name"
         placeholder="New bucket"
         bind:value={name}
-        autofocus={true}
+        autofocus
         required />
 
     {#if !showCustomId}