From 076fec32b0c24655ddc28a88195a53582001749b Mon Sep 17 00:00:00 2001
From: stevepodell <steve@podell.com>
Date: Tue, 23 Jan 2024 15:28:41 -0800
Subject: [PATCH] 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
---
 src/js/components/Ballot/PositionItem.jsx | 25 +++++++++++++++--------
 1 file changed, 17 insertions(+), 8 deletions(-)

diff --git a/src/js/components/Ballot/PositionItem.jsx b/src/js/components/Ballot/PositionItem.jsx
index 89198417a..d79084e72 100644
--- 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>