fix: move the community icons to spreadsheetNavDrawer.vue

Signed-off-by: Naveen MR <oof1lab@gmail.com>

packages/nc-gui/components/ProjectTreeView.vue

@@ -183,7 +183,8 @@
                             class="body-2 font-weight-medium"
                             v-on="on"
                           >
-                            {{ $t("objects.tables")
+                            {{
+                              $t("objects.tables")
                             }}<template
                             v-if="item.children && item.children.length"
                           >
@@ -210,7 +211,8 @@
                           v-if="item.type === 'tableDir'"
                           class="body-2 font-weight-medium"
                         >
-                          {{ $t("objects.tables")
+                          {{
+                            $t("objects.tables")
                           }}<template
                           v-if="item.children && item.children.length"
                         >
@@ -676,10 +678,23 @@
           </v-list>
         </div>
 
-        <template v-if="_isUIAllowed('settings')">
+
+
         <v-divider/>
+        <div
+          v-t="['e:api-docs']"
+          class="caption pointer nc-docs pb-2 pl-5 pr-3 pt-2 d-flex align-center"
+          @click="openLink(apiLink)"
+        >
+          <v-icon small class="mr-2">
+            mdi-api
+          </v-icon>
+          {{ $t('title.apiDocs') }}
+        </div>
+
 
-          <div class="pt-3 pl-5 pr-3 d-flex align-center pb-2">
+        <template v-if="_isUIAllowed('settings')">
+          <div class="pl-5 pr-3 d-flex align-center pb-2">
             <settings-modal>
               <template #default="{ click }">
                 <div
@@ -697,18 +712,9 @@
           </div>
         </template>
 
-        <div
-          v-t="['e:api-docs']"
-          class="caption pointer nc-docs pb-3 pl-5 pr-3 pt-2 d-flex align-center"
-          @click="openLink(apiLink)"
-        >
-          <v-icon small class="mr-2">
-            mdi-api
-          </v-icon>
-          {{ $t('title.apiDocs') }}
-        </div>
-        <v-divider />
-        <extras class="pl-1" />
+
+        <!--        <v-divider/>-->
+<!--        <extras class="pl-1"/>-->
       </div>
     </v-navigation-drawer>
 
@@ -1942,7 +1948,8 @@ export default {
     this.loadDefaultTabs(true);
     // this.loadRoles();
   },
-  beforeCreate() {},
+  beforeCreate() {
+  },
   mounted() {
     // this.setBorderWidth();
     // this.setEvents();

packages/nc-gui/components/project/spreadsheet/components/extras.vue

@@ -31,20 +31,20 @@
           dense
         >
           <v-list-item>
-            <div class="d-flex justify-space-between d-100 pr-2">
-              <v-icon v-t="['e:community:discord']" class="mr-1" size="22" :color="textColors[0]" @click="open('https://discord.gg/5RgZmkW')">
+            <div class="justify-space-between d-100 pr-2">
+              <v-icon v-t="['e:community:discord']"  size="22" :color="textColors[0]" @click="open('https://discord.gg/5RgZmkW')">
                 mdi-discord
               </v-icon>
-              <v-icon v-t="['e:community:discourse']" class="mr-1 discourse" size="22" :color="textColors[0]" @click="open('https://community.nocodb.com/')">
+              <v-icon v-t="['e:community:discourse']" class=" discourse" size="22" :color="textColors[0]" @click="open('https://community.nocodb.com/')">
                 mdi-discourse
               </v-icon>
-              <v-icon v-t="['e:community:reddit']" class="mr-1" size="22" color="#ff4600" @click="open('https://www.reddit.com/r/NocoDB/')">
+              <v-icon v-t="['e:community:reddit']"  size="22" color="#ff4600" @click="open('https://www.reddit.com/r/NocoDB/')">
                 mdi-reddit
               </v-icon>
-              <v-icon v-t="['e:community:twitter']" class="mr-1" size="22" :color="textColors[1]" @click="open('https://twitter.com/NocoDB')">
+              <v-icon v-t="['e:community:twitter']"  size="22" :color="textColors[1]" @click="open('https://twitter.com/NocoDB')">
                 mdi-twitter
               </v-icon>
-              <v-icon v-t="['e:community:book-demo']" class="mr-1" size="22" :color="textColors[3]" @click="open('https://calendly.com/nocodb-meeting')">
+              <v-icon v-t="['e:community:book-demo']"  size="22" :color="textColors[3]" @click="open('https://calendly.com/nocodb-meeting')">
                 mdi-calendar-month
               </v-icon>
             </div>

packages/nc-gui/components/project/spreadsheet/components/spreadsheetNavDrawer.vue

@@ -270,7 +270,10 @@
           </v-icon>
 
           <!--          <extras />-->
-          <sponsor-mini nav />
+                  <v-divider/>
+                  <extras class="pl-1"/>
+
+<!--          <sponsor-mini nav />-->
         </div>
         <!--<div class="text-center">
           <v-hover >