From cb7f284e6322eb5c44d53bd2e6a634c9fc373d8d Mon Sep 17 00:00:00 2001
From: Braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Mon, 11 Jul 2022 17:08:51 +0200
Subject: [PATCH] feat(gui-v2): use correct brand colors

Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
---
 .../nc-gui-v2/assets/img/discourse-icon.png   | Bin 0 -> 1922 bytes
 .../nc-gui-v2/components/general/Social.vue   |  42 +++++++++---------
 packages/nc-gui-v2/package-lock.json          |  19 --------
 packages/nc-gui-v2/package.json               |   1 -
 4 files changed, 22 insertions(+), 40 deletions(-)
 create mode 100644 packages/nc-gui-v2/assets/img/discourse-icon.png

diff --git a/packages/nc-gui-v2/assets/img/discourse-icon.png b/packages/nc-gui-v2/assets/img/discourse-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..cec51f759a5b66692e1f7fba568fbbffa3714361
GIT binary patch
literal 1922
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
IM6N<$g0?Dmh5!Hn

literal 0
HcmV?d00001

diff --git a/packages/nc-gui-v2/components/general/Social.vue b/packages/nc-gui-v2/components/general/Social.vue
index 3837ba2bdc..aa8242d046 100644
--- a/packages/nc-gui-v2/components/general/Social.vue
+++ b/packages/nc-gui-v2/components/general/Social.vue
@@ -39,34 +39,23 @@ const isZhLang = $computed(() => locale.value.startsWith('zh'))
         <v-list width="100%" class="py-0 flex-shrink-1 text-left elevation-0 rounded-sm community-card item active" dense>
           <v-list-item>
             <div class="flex justify-space-between d-100 pr-2">
-              <MdiDiscord
-                v-t="['e:community:discord']"
-                class="icon"
-                :color="colors[0]"
-                @click="open('https://discord.gg/5RgZmkW')"
-              />
-              <BxBxlDiscourse
+              <MdiDiscord v-t="['e:community:discord']" class="icon text-[#7289DA]" @click="open('https://discord.gg/5RgZmkW')" />
+              <div
                 v-t="['e:community:discourse']"
-                class="icon"
-                :color="colors[0]"
+                class="icon flex items-center justify-center min-w-[43px]"
                 @click="open('https://community.nocodb.com/')"
-              />
+              >
+                <div class="discourse" />
+              </div>
               <MdiReddit
                 v-t="['e:community:reddit']"
-                class="icon"
-                color="#ff4600"
+                class="icon text-[#FF4600]"
                 @click="open('https://www.reddit.com/r/NocoDB/')"
               />
-              <MdiTwitter
-                v-t="['e:community:twitter']"
-                class="icon"
-                :color="colors[1]"
-                @click="open('https://twitter.com/NocoDB')"
-              />
+              <MdiTwitter v-t="['e:community:twitter']" class="icon text-[#1DA1F2]" @click="open('https://twitter.com/NocoDB')" />
               <MdiCalendarMonth
                 v-t="['e:community:book-demo']"
-                class="icon"
-                :color="colors[3]"
+                class="icon text-green-500"
                 @click="open('https://calendly.com/nocodb-meeting')"
               />
             </div>
@@ -81,4 +70,17 @@ const isZhLang = $computed(() => locale.value.startsWith('zh'))
 .icon {
   @apply cursor-pointer text-4xl rounded-full p-2 bg-gray-100 shadow-md hover:(shadow-lg bg-gray-200) transition-color ease-in duration-100;
 }
+
+.discourse {
+  height: 22px;
+  width: 22px;
+  background-image: url('~/assets/img/discourse-icon.png');
+  background-size: contain;
+  background-repeat: no-repeat;
+}
+
+.discourse::before {
+  visibility: hidden;
+  content: '';
+}
 </style>
diff --git a/packages/nc-gui-v2/package-lock.json b/packages/nc-gui-v2/package-lock.json
index 414f2f180a..ffed05980b 100644
--- a/packages/nc-gui-v2/package-lock.json
+++ b/packages/nc-gui-v2/package-lock.json
@@ -17,7 +17,6 @@
       },
       "devDependencies": {
         "@antfu/eslint-config": "^0.25.2",
-        "@iconify-json/bx": "^1.1.3",
         "@iconify-json/material-symbols": "^1.1.8",
         "@iconify-json/mdi": "^1.1.25",
         "@intlify/vite-plugin-vue-i18n": "^4.0.0",
@@ -902,15 +901,6 @@
       "dev": true,
       "peer": true
     },
-    "node_modules/@iconify-json/bx": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/@iconify-json/bx/-/bx-1.1.3.tgz",
-      "integrity": "sha512-Y7iKbjsf52fGd0IIjtUz8Hoz4S5PyXxRJRqskQFnDPSOUD0zRIbDom3UfTv5HGv8I0zEvJ0jpEVQlt+efkve/g==",
-      "dev": true,
-      "dependencies": {
-        "@iconify/types": "*"
-      }
-    },
     "node_modules/@iconify-json/material-symbols": {
       "version": "1.1.8",
       "resolved": "https://registry.npmjs.org/@iconify-json/material-symbols/-/material-symbols-1.1.8.tgz",
@@ -13329,15 +13319,6 @@
       "dev": true,
       "peer": true
     },
-    "@iconify-json/bx": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/@iconify-json/bx/-/bx-1.1.3.tgz",
-      "integrity": "sha512-Y7iKbjsf52fGd0IIjtUz8Hoz4S5PyXxRJRqskQFnDPSOUD0zRIbDom3UfTv5HGv8I0zEvJ0jpEVQlt+efkve/g==",
-      "dev": true,
-      "requires": {
-        "@iconify/types": "*"
-      }
-    },
     "@iconify-json/material-symbols": {
       "version": "1.1.8",
       "resolved": "https://registry.npmjs.org/@iconify-json/material-symbols/-/material-symbols-1.1.8.tgz",
diff --git a/packages/nc-gui-v2/package.json b/packages/nc-gui-v2/package.json
index d66bbc0ec4..a6bcf7c75e 100644
--- a/packages/nc-gui-v2/package.json
+++ b/packages/nc-gui-v2/package.json
@@ -20,7 +20,6 @@
   },
   "devDependencies": {
     "@antfu/eslint-config": "^0.25.2",
-    "@iconify-json/bx": "^1.1.3",
     "@iconify-json/material-symbols": "^1.1.8",
     "@iconify-json/mdi": "^1.1.25",
     "@intlify/vite-plugin-vue-i18n": "^4.0.0",