Merge pull request #111 from openbitdev/openbit-dev-issue-108_43

[Issue-108][Issue-43] Update new brand logo for some screen, Update content in app

packages/extension-koni-ui/src/Popup/Home/Nfts/NftCollectionDetail.tsx

@@ -125,7 +125,7 @@ function Component ({ className = '' }: Props): React.ReactElement<Props> {
           renderWhenEmpty={emptyNft}
           searchFunction={searchNft}
           searchMinCharactersCount={2}
-          searchPlaceholder={t<string>('  name or ID')}
+          searchPlaceholder={t<string>('Search collectible name or ID')}
         />
       </Layout.Base>
     </PageWrapper>

packages/extension-koni-ui/src/Popup/Settings/index.tsx

@@ -377,7 +377,7 @@ function Component ({ className = '' }: Props): React.ReactElement<Props> {
           </Button>
 
           <div className={'__version'}>
-          Openbit v {EXTENSION_VERSION}
+          OpenBit v {EXTENSION_VERSION}
           </div>
         </div>
         <Outlet />

packages/extension-koni-ui/src/components/Logo/Logo2D.tsx

@@ -10,19 +10,12 @@ interface Props {
 
 const Logo2D: React.FC<Props> = ({ height = 24, width = 24 }: Props) => {
   return (
-    <svg
-      fill='none'
-      height={height}
-      viewBox='0 0 174 159'
-      width={width}
-      xmlns='http://www.w3.org/2000/svg'
-    >
-      <path
-        clipRule='evenodd'
-        d='M150.145 87.7019C150.145 90.7469 147.751 93.624 143.495 96.1731C129.246 91.3843 109.202 88.4034 86.9997 88.4034C64.7977 88.4034 44.754 91.3842 30.5046 96.1729C26.2496 93.6238 23.8551 90.7468 23.8551 87.7019C23.8551 77.2397 52.1261 68.7584 87.0003 68.7584C121.874 68.7584 150.145 77.2397 150.145 87.7019ZM174 78.5807C174 86.2433 164.48 93.1886 149.047 98.2531C159.238 102.517 165.3 107.861 165.3 113.661C165.3 127.611 130.244 138.92 86.9997 138.92C43.7558 138.92 8.69969 127.611 8.69969 113.661C8.69969 107.861 14.7612 102.517 24.9523 98.253C9.51979 93.1885 0 86.2432 0 78.5807C0 63.0811 38.9512 50.5161 87 50.5161C135.049 50.5161 174 63.081 174 78.5807ZM87.7018 25.2578C57.2625 25.2578 29.8214 36.7348 10.4972 55.1126C23.8264 22.5804 53.0691 0 86.9996 0C120.187 0 148.89 21.6021 162.603 52.9894C143.432 35.8551 116.951 25.2578 87.7018 25.2578ZM43.5006 120.257C43.5006 127.464 62.9758 133.306 86.9997 133.306C111.024 133.306 130.499 127.464 130.499 120.257C130.499 113.05 111.024 107.207 86.9997 107.207C62.9758 107.207 43.5006 113.05 43.5006 120.257ZM64.5481 151.548C64.5481 155.423 75.2283 158.565 88.4029 158.565C101.578 158.565 112.258 155.423 112.258 151.548C112.258 147.674 101.578 144.532 88.4029 144.532C75.2283 144.532 64.5481 147.674 64.5481 151.548Z'
-        fill='white'
-        fillRule='evenodd'
-      />
+    <svg width={width} height={height} viewBox='0 0 96 96' fill='none' xmlns='http://www.w3.org/2000/svg'>
+      <path d='M14.4 0C13.0745 0 12 1.07451 12 2.4V9.6C12 10.9255 10.9255 12 9.6 12L2.4 12C1.07452 12 0 13.0745 0 14.4V81.6C0 82.9255 1.07451 84 2.39999 84H9.6C10.9255 84 12 85.0745 12 86.4V93.6C12 94.9255 13.0745 96 14.4 96H81.6C82.9255 96 84 94.9255 84 93.6V86.4C84 85.0745 85.0745 84 86.4 84H93.6C94.9255 84 96 82.9255 96 81.6V14.4C96 13.0745 94.9255 12 93.6 12L86.4 12C85.0745 12 84 10.9255 84 9.6V2.4C84 1.07452 82.9255 0 81.6 0H14.4Z' fill='#F0D030' />
+      <path d='M24 14.4929C24 13.1161 25.1161 12 26.4929 12H33.5071C34.8839 12 36 13.1161 36 14.4929V32.6059L36.0058 32.6117C36.0022 32.674 36.0004 32.7368 36.0004 32.8C36.0004 34.5663 37.4314 35.9983 39.1973 36H39.2035C39.2656 35.9999 39.3274 35.9981 39.3887 35.9946L39.3941 36L57.5071 36C58.8839 36 60 37.1161 60 38.4929V45.5071C60 46.8839 58.8839 48 57.5071 48H38.4929C37.1161 48 36 46.8839 36 45.5071L36 39.3941L35.9949 39.389C35.9976 39.3425 35.9993 39.2957 36 39.2487V39.1513C35.974 37.4065 34.5514 36 32.8004 36C32.7369 36 32.6739 36.0018 32.6114 36.0055L32.6059 36H26.4929C25.1161 36 24 34.8839 24 33.5071V14.4929Z' fill='#1B1D24' />
+      <path d='M24 50.4929C24 49.1161 25.1161 48 26.4929 48H33.5071C34.8839 48 36 49.1161 36 50.4929V69.5071C36 70.8839 34.8839 72 33.5071 72H26.4929C25.1161 72 24 70.8839 24 69.5071V50.4929Z' fill='#1B1D24' />
+      <path d='M62.4929 48C61.1161 48 60 49.1161 60 50.4929V68.6059L59.9946 68.6113C59.9982 68.6736 60 68.7364 60 68.7996C60 70.567 58.5673 71.9996 56.8 71.9996C56.7368 71.9996 56.674 71.9978 56.6117 71.9942L56.6059 72H38.4929C37.1161 72 36 73.1161 36 74.4929L36 81.5071C36 82.8839 37.1161 84 38.4929 84H57.5071C58.8839 84 60 82.8839 60 81.5071V75.3941L60.0055 75.3886C60.0018 75.3261 60 75.2631 60 75.1996C60 73.4485 61.4066 72.0259 63.1515 72H63.2485C63.2956 72.0007 63.3424 72.0024 63.389 72.0051L63.3941 72H69.5071C70.8839 72 72 70.8839 72 69.5071V50.4929C72 49.1161 70.8839 48 69.5071 48H62.4929Z' fill='#1B1D24' />
+      <path d='M60 14.4C60 13.0745 61.0745 12 62.4 12H69.6C70.9255 12 72 13.0745 72 14.4V21.6C72 22.9255 70.9255 24 69.6 24H62.4C61.0745 24 60 22.9255 60 21.6V14.4Z' fill='white' />
     </svg>
   );
 };