fix the blue sky icon during media confirmation prompts

coralproject · Dec 2, 2024 · 30443ab · 30443ab
1 parent 18b8724
commit 30443ab
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 6 deletions.
diff --git a/.../src/core/client/stream/tabs/Comments/Comment/MediaConfirmation/MediaConfirmationIcon.css b/.../src/core/client/stream/tabs/Comments/Comment/MediaConfirmation/MediaConfirmationIcon.css
@@ -0,0 +1,3 @@
+.blueskyIcon {
+  margin-top: 2px;
+}
diff --git a/.../src/core/client/stream/tabs/Comments/Comment/MediaConfirmation/MediaConfirmationIcon.tsx b/.../src/core/client/stream/tabs/Comments/Comment/MediaConfirmation/MediaConfirmationIcon.tsx
@@ -9,6 +9,8 @@ import {
   XLogoTwitterIcon,
 } from "coral-ui/components/icons";
 
+import styles from "./MediaConfirmationIcon.css";
+
 interface Props {
   media: MediaLink;
 }
@@ -22,7 +24,9 @@ const MediaConfirmationIcon: FunctionComponent<Props> = ({ media }) => {
         <SvgIcon size="xs" filled="currentColor" Icon={XLogoTwitterIcon} />
       )}
       {media.type === "bluesky" && (
-        <SvgIcon size="xs" filled="currentColor" Icon={BlueskyLogoIcon} />
+        <div className={styles.blueskyIcon}>
+          <SvgIcon filled="currentColor" Icon={BlueskyLogoIcon} />
+        </div>
       )}
     </>
   );

diff --git a/client/src/core/client/ui/components/icons/BlueskyLogoIcon.tsx b/client/src/core/client/ui/components/icons/BlueskyLogoIcon.tsx
@@ -1,13 +1,13 @@
 import React, { FunctionComponent } from "react";
 
 const BlueskyLogoIcon: FunctionComponent = () => {
-  // https://www.streamlinehq.com/icons/streamline-regular/logos/social-medias/x-logo-twitter
   return (
-    <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <svg fill="none" viewBox="0 0 64 57">
       <path
-        d="m135.72 44.03c66.496 49.921 138.02 151.14 164.28 205.46 26.262-54.316 97.782-155.54 164.28-205.46 47.98-36.021 125.72-63.892 125.72 24.795 0 17.712-10.155 148.79-16.111 170.07-20.703 73.984-96.144 92.854-163.25 81.433 117.3 19.964 147.14 86.092 82.697 152.22-122.39 125.59-175.91-31.511-189.63-71.766-2.514-7.3797-3.6904-10.832-3.7077-7.8964-0.0174-2.9357-1.1937 0.51669-3.7077 7.8964-13.714 40.255-67.233 197.36-189.63 71.766-64.444-66.128-34.605-132.26 82.697-152.22-67.108 11.421-142.55-7.4491-163.25-81.433-5.9562-21.282-16.111-152.36-16.111-170.07 0-88.687 77.742-60.816 125.72-24.795z"
-        fill="currentColor"
-      />
+        fill="none"
+        stroke="currentColor"
+        d="M13.873 3.805C21.21 9.332 29.103 20.537 32 26.55v15.882c0-.338-.13.044-.41.867-1.512 4.456-7.418 21.847-20.923 7.944-7.111-7.32-3.819-14.64 9.125-16.85-7.405 1.264-15.73-.825-18.014-9.015C1.12 23.022 0 8.51 0 6.55 0-3.268 8.579-.182 13.873 3.805ZM50.127 3.805C42.79 9.332 34.897 20.537 32 26.55v15.882c0-.338.13.044.41.867 1.512 4.456 7.418 21.847 20.923 7.944 7.111-7.32 3.819-14.64-9.125-16.85 7.405 1.264 15.73-.825 18.014-9.015C62.88 23.022 64 8.51 64 6.55c0-9.818-8.578-6.732-13.873-2.745Z"
+      ></path>
     </svg>
   );
 };