Merge pull request #3819 from SailingSteve/steveWebAppJan23-239pm

Made the Twitter Account Links clickable on the Supporters' Slide-out drawer
wevote · Jan 26, 2024 · 31b5728 · 31b5728
2 parents 62bef0d + 6423bde
commit 31b5728
Showing 1 changed file with 17 additions and 8 deletions.
diff --git a/src/js/components/Ballot/PositionItem.jsx b/src/js/components/Ballot/PositionItem.jsx
@@ -353,14 +353,23 @@ class PositionItem extends Component {
                       <DesktopItemTwitterContainer>
                         { !!(position.twitter_followers_count && String(position.twitter_followers_count) !== '0') && (
                           <DesktopItemTwitter>
-                            <Twitter classes={{ root: classes.twitterLogo }} />
-                            <TwitterHandleWrapper>
-                              @
-                              {position.speaker_twitter_handle}
-                            </TwitterHandleWrapper>
-                            <TwitterFollowersWrapper>
-                              {abbreviateNumber(position.twitter_followers_count)}
-                            </TwitterFollowersWrapper>
+                            <OpenExternalWebSite
+                              body={(
+                                <div style={{ marginTop: '-24px' }}>
+                                  <Twitter classes={{ root: classes.twitterLogo }} />
+                                  <TwitterHandleWrapper>
+                                    @
+                                    {position.speaker_twitter_handle}
+                                  </TwitterHandleWrapper>
+                                  <TwitterFollowersWrapper>
+                                    {abbreviateNumber(position.twitter_followers_count)}
+                                  </TwitterFollowersWrapper>
+                                </div>
+                              )}
+                              linkIdAttribute="positionItemTwitterDesktop"
+                              url={`https://twitter.com/${position.speaker_twitter_handle}`}
+                              target="_blank"
+                            />
                           </DesktopItemTwitter>
                         )}
                       </DesktopItemTwitterContainer>