ui: change bluesky and mastodon icons

* ref: cern-sis/issues-inspire#619
miguelgrc · Dec 5, 2024 · 8c05ebb · 8c05ebb
1 parent 7580b41
commit 8c05ebb
Show file tree

Hide file tree

Showing 6 changed files with 26 additions and 17 deletions.
diff --git a/ui/src/authors/components/AuthorBlueskyAction.tsx b/ui/src/authors/components/AuthorBlueskyAction.tsx
@@ -18,7 +18,7 @@ const AuthorBlueskyAction = ({ bluesky }: { bluesky: string }) => {
       >
         <LinkWithTargetBlank href={href}>
           <Tooltip title="Bluesky">
-            <Icon component={blueskyLogo} style={{ color: 'rgb(95,95,95)' }} />
+            <Icon component={blueskyLogo} />
           </Tooltip>
         </LinkWithTargetBlank>
       </EventTracker>

diff --git a/ui/src/common/assets/bluesky-filled.svg b/ui/src/common/assets/bluesky-filled.svg
diff --git a/ui/src/common/assets/bluesky.svg b/ui/src/common/assets/bluesky.svg
diff --git a/ui/src/common/assets/mastodon.svg b/ui/src/common/assets/mastodon.svg
diff --git a/ui/src/home/components/NewsAndUpdates.tsx b/ui/src/home/components/NewsAndUpdates.tsx
@@ -14,7 +14,7 @@ import {
   INSPIRE_TWITTER_ACCOUNT,
 } from '../../common/constants';
 import LinkWithTargetBlank from '../../common/components/LinkWithTargetBlank';
-import { ReactComponent as blueskyLogo } from '../../common/assets/bluesky.svg';
+import { ReactComponent as blueskyFilledLogo } from '../../common/assets/bluesky-filled.svg';
 
 interface Post {
   id: string;
@@ -96,11 +96,8 @@ const NewsAndUpdates = () => {
             Follow us on
             <LinkWithTargetBlank href={INSPIRE_BLUESKY_ACCOUNT}>
               <Icon
-                style={{
-                  fontSize: '25px',
-                  color: '#1285FC',
-                }}
-                component={blueskyLogo}
+                component={blueskyFilledLogo}
+                style={{ fontSize: '25px' }}
               />
             </LinkWithTargetBlank>
             •

diff --git a/ui/src/home/components/__tests__/__snapshots__/NewsAndUpdates.test.jsx.snap b/ui/src/home/components/__tests__/__snapshots__/NewsAndUpdates.test.jsx.snap
@@ -55,7 +55,6 @@ exports[`NewsAndUpdates renders 1`] = `
             }
             style={
               Object {
-                "color": "#1285FC",
                 "fontSize": "25px",
               }
             }
-Original file line number
+Diff line change
@@ Expand Up / @@ -55,7 +55,6 @@ exports[`NewsAndUpdates renders 1`] = ` @@
                 }
                 style={
                   Object {
-                    "color": "#1285FC",
                     "fontSize": "25px",
                   }
                 }
@@ Expand Down @@