CSUB-1052 Community Gluwa Logo & Twitter Logo update (#104)

* fix: Logo as black

* fix: Logo

---------

Co-authored-by: Frank Li <frank.li@gluwa.com>

src/config/validators/Creditcoin.tsx

@@ -1,19 +1,46 @@
 const Creditcoin = () => (
   <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width="500"
-    height="500"
-    viewBox="0 0 500 500"
+    width="128"
+    height="128"
+    viewBox="0 0 128 128"
     fill="none"
+    xmlns="http://www.w3.org/2000/svg"
   >
-    <path
-      d="M423.115 350.219C388.501 409.877 323.948 450 250.002 450C139.553 450 50.0003 360.448 50.0003 250C50.0003 139.552 139.553 50 250.002 50C324.014 50 388.633 90.2107 423.225 149.956L466.509 124.89C423.247 50.2414 342.496 0 250.002 0C111.941 0 0 111.94 0 250C0 388.082 111.941 500 250.002 500C342.452 500 423.159 449.824 466.421 375.219L423.115 350.219Z"
-      fill="white"
-    />
-    <path
-      d="M500.001 225H293.261C284.613 210.075 268.502 200 249.999 200C222.387 200 199.999 222.388 199.999 250C199.999 277.612 222.387 300 249.999 300C268.502 300 284.613 289.925 293.261 275H500.001V225Z"
-      fill="white"
-    />
+    <circle cx="64" cy="64" r="64" fill="white" />
+    <g clipPath="url(#clip0_494_1227)">
+      <mask
+        id="mask0_494_1227"
+        style={{ maskType: 'luminance' }}
+        maskUnits="userSpaceOnUse"
+        x="12"
+        y="12"
+        width="104"
+        height="104"
+      >
+        <path
+          d="M115.212 12.7998H12.8125V115.2H115.212V12.7998Z"
+          fill="white"
+        />
+      </mask>
+      <g mask="url(#mask0_494_1227)">
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M80.6519 92.2365C75.6068 95.2128 69.8554 96.7805 63.9981 96.7767C45.9248 96.7767 31.2215 82.0733 31.2215 64C31.2215 45.9267 45.9248 31.2235 63.9981 31.2235C69.769 31.2196 75.4384 32.7402 80.433 35.6314C85.4276 38.5222 89.5696 42.6813 92.4404 47.6877L98.6961 44.0902C95.1927 37.9837 90.1393 32.9101 84.0468 29.3824C77.9543 25.8547 71.0381 23.998 63.9981 24C57.8461 23.9997 51.7773 25.4184 46.2628 28.1456C40.7485 30.8729 35.9376 34.8352 32.2042 39.7248C28.4709 44.6141 25.9156 50.2989 24.737 56.337C23.5584 62.3747 23.7884 68.6032 25.4091 74.5376C27.0297 80.472 29.9973 85.953 34.0813 90.5536C38.1652 95.1546 43.2551 98.7514 48.9552 101.065C54.6557 103.378 60.8128 104.345 66.9479 103.891C73.0829 103.437 79.0308 101.574 84.3284 98.4471C90.2906 94.9191 95.2401 89.9101 98.6961 83.9062L92.4404 80.3123C89.6042 85.2368 85.5434 89.3443 80.6519 92.2365ZM70.9745 60.3885C70.1655 58.8253 68.8544 57.5792 67.2525 56.8502C65.6506 56.121 63.85 55.951 62.1399 56.3677C60.4298 56.784 58.9092 57.7629 57.8215 59.1469C56.7341 60.5309 56.1431 62.24 56.1431 64C56.1431 65.7603 56.7341 67.4695 57.8215 68.8535C58.9092 70.2375 60.4298 71.216 62.1399 71.6327C63.85 72.049 65.6506 71.8791 67.2525 71.1501C68.8544 70.4208 70.1655 69.1747 70.9745 67.6119H100.206V60.3885H70.9745Z"
+          fill="#0E0E0F"
+        />
+      </g>
+    </g>
+    <defs>
+      <clipPath id="clip0_494_1227">
+        <rect
+          width="102.4"
+          height="102.4"
+          fill="white"
+          transform="translate(12.7969 12.7998)"
+        />
+      </clipPath>
+    </defs>
   </svg>
 );
 

src/pages/Community/Item.tsx

@@ -1,7 +1,7 @@
 // Copyright 2023 @paritytech/polkadot-staking-dashboard authors & contributors
 // SPDX-License-Identifier: GPL-3.0-only
 
-import { faTwitter } from '@fortawesome/free-brands-svg-icons';
+import { faXTwitter } from '@fortawesome/free-brands-svg-icons';
 import {
   faEnvelope,
   faExternalLink,
@@ -136,7 +136,7 @@ export const Item = ({ item, actionable }: ItemProps) => {
                   window.open(`https://twitter.com/${twitter}`, '_blank');
                 }}
               >
-                <FontAwesomeIcon icon={faTwitter} className="icon-left" />
+                <FontAwesomeIcon icon={faXTwitter} className="icon-left" />
                 <h4>{twitter}</h4>
                 <FontAwesomeIcon
                   icon={faExternalLink}