Made the Twitter Account Links clickable on the Supporters' Slide-out…

… drawer This is now the case for some responsive sizes and desktop. These links are not displayed in Cordova. Resolves https://wevoteusa.atlassian.net/browse/WV-102
wevote · Jan 23, 2024 · 076fec3 · 076fec3
1 parent afaabf4
commit 076fec3
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="candidateTwitterDesktop"
+                              url={`https://twitter.com/${position.speaker_twitter_handle}`}
+                              target="_blank"
+                            />
                           </DesktopItemTwitter>
                         )}
                       </DesktopItemTwitterContainer>