Fix sequence logo issue (#564)

* Fix sequence logo issue on connector

* Update sequence logo

Author: yigiterdev

packages/connect/src/connectors/sequence/SequenceLogo.tsx

@@ -2,42 +2,40 @@ import type { FunctionComponent } from 'react'
 
 import type { LogoProps } from '../../types.js'
 
-export const SequenceLogo: FunctionComponent<LogoProps> = () => {
+export const SequenceLogo: FunctionComponent<LogoProps> = props => {
   return (
-    <div className="p-2">
-      <svg width="100%" viewBox="0 0 500 365" fill="none" xmlns="http://www.w3.org/2000/svg">
-        <g clip-path="url(#clip0_29_10159)">
-          <path
-            d="M496.448 181.441C496.448 158.416 478.089 139.75 455.442 139.75C432.796 139.75 414.437 158.416 414.437 181.441C414.437 204.467 432.796 223.132 455.442 223.132C478.089 223.132 496.448 204.467 496.448 181.441Z"
-            fill="#7C3AED"
-          />
-          <path
-            d="M82.0114 42.2523C82.0114 19.227 63.6525 0.561279 41.0057 0.561279C18.3589 0.561279 0 19.227 0 42.2523C0 65.2776 18.3589 83.9433 41.0057 83.9433C63.6525 83.9433 82.0114 65.2776 82.0114 42.2523Z"
-            fill="#7C3AED"
-          />
-          <path
-            d="M82.0114 322.846C82.0114 299.821 63.6525 281.155 41.0057 281.155C18.3589 281.155 0 299.821 0 322.846C0 345.871 18.3589 364.537 41.0057 364.537C63.6525 364.537 82.0114 345.871 82.0114 322.846Z"
-            fill="#7C3AED"
-          />
-          <path
-            d="M500 320.63C500 301.412 484.677 285.833 465.775 285.833H161.879C142.977 285.833 127.654 301.412 127.654 320.63C127.654 339.848 142.977 355.427 161.879 355.427H465.775C484.677 355.427 500 339.848 500 320.63Z"
-            fill="#7C3AED"
-          />
-          <path
-            d="M368.794 181.441C368.794 162.223 353.471 146.644 334.569 146.644H34.2255C15.3234 146.644 0.000265708 162.223 0.000265708 181.441C0.000265708 200.659 15.3234 216.238 34.2255 216.238H334.569C353.471 216.238 368.794 200.659 368.794 181.441Z"
-            fill="#7C3AED"
-          />
-          <path
-            d="M500 42.2523C500 23.0343 484.677 7.45507 465.775 7.45507H161.879C142.977 7.45507 127.654 23.0343 127.654 42.2523C127.654 61.4703 142.977 77.0495 161.879 77.0495H465.775C484.677 77.0495 500 61.4703 500 42.2523Z"
-            fill="#7C3AED"
-          />
-        </g>
-        <defs>
-          <clipPath id="clip0_29_10159">
-            <rect width="500" height="363.98" fill="white" transform="translate(0 0.561279)" />
-          </clipPath>
-        </defs>
-      </svg>
-    </div>
+    <svg width="100%" viewBox="0 0 500 365" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <g clip-path="url(#clip0_29_10159)">
+        <path
+          d="M496.448 181.441C496.448 158.416 478.089 139.75 455.442 139.75C432.796 139.75 414.437 158.416 414.437 181.441C414.437 204.467 432.796 223.132 455.442 223.132C478.089 223.132 496.448 204.467 496.448 181.441Z"
+          fill="#7C3AED"
+        />
+        <path
+          d="M82.0114 42.2523C82.0114 19.227 63.6525 0.561279 41.0057 0.561279C18.3589 0.561279 0 19.227 0 42.2523C0 65.2776 18.3589 83.9433 41.0057 83.9433C63.6525 83.9433 82.0114 65.2776 82.0114 42.2523Z"
+          fill="#7C3AED"
+        />
+        <path
+          d="M82.0114 322.846C82.0114 299.821 63.6525 281.155 41.0057 281.155C18.3589 281.155 0 299.821 0 322.846C0 345.871 18.3589 364.537 41.0057 364.537C63.6525 364.537 82.0114 345.871 82.0114 322.846Z"
+          fill="#7C3AED"
+        />
+        <path
+          d="M500 320.63C500 301.412 484.677 285.833 465.775 285.833H161.879C142.977 285.833 127.654 301.412 127.654 320.63C127.654 339.848 142.977 355.427 161.879 355.427H465.775C484.677 355.427 500 339.848 500 320.63Z"
+          fill="#7C3AED"
+        />
+        <path
+          d="M368.794 181.441C368.794 162.223 353.471 146.644 334.569 146.644H34.2255C15.3234 146.644 0.000265708 162.223 0.000265708 181.441C0.000265708 200.659 15.3234 216.238 34.2255 216.238H334.569C353.471 216.238 368.794 200.659 368.794 181.441Z"
+          fill="#7C3AED"
+        />
+        <path
+          d="M500 42.2523C500 23.0343 484.677 7.45507 465.775 7.45507H161.879C142.977 7.45507 127.654 23.0343 127.654 42.2523C127.654 61.4703 142.977 77.0495 161.879 77.0495H465.775C484.677 77.0495 500 61.4703 500 42.2523Z"
+          fill="#7C3AED"
+        />
+      </g>
+      <defs>
+        <clipPath id="clip0_29_10159">
+          <rect width="500" height="363.98" fill="white" transform="translate(0 0.561279)" />
+        </clipPath>
+      </defs>
+    </svg>
   )
 }