- { !hideFacebookSignInButton && !voterIsSignedInFacebook && isOnFacebookSupportedDomainUrl && (
+ { !hideFacebookSignInButton && !voterIsSignedInFacebook && isOnFacebookSupportedDomainUrl && webAppConfig.ENABLE_FACEBOOK && (
})
) : (
A positive personalized score
{ballotDisplay[0] && (
diff --git a/src/js/components/Ballot/OfficeItemCompressed.jsx b/src/js/components/Ballot/OfficeItemCompressed.jsx
index 8dcfe4349..335b77e42 100644
--- a/src/js/components/Ballot/OfficeItemCompressed.jsx
+++ b/src/js/components/Ballot/OfficeItemCompressed.jsx
@@ -10,6 +10,7 @@ import { BallotHorizontallyScrollingContainer, BallotScrollingInnerWrapper, Ball
import signInModalGlobalState from '../../common/components/Widgets/signInModalGlobalState';
import AppObservableStore from '../../common/stores/AppObservableStore';
import historyPush from '../../common/utils/historyPush';
+import isMobileScreenSize from '../../common/utils/isMobileScreenSize';
import { renderLog } from '../../common/utils/logging';
import normalizedImagePath from '../../common/utils/normalizedImagePath';
import toTitleCase from '../../common/utils/toTitleCase';
@@ -300,8 +301,7 @@ class OfficeItemCompressed extends Component {
const avatarCompressed = 'card-main__avatar-compressed';
const avatarBackgroundImage = normalizedImagePath('../img/global/svg-icons/avatar-generic.svg');
const uniqueKey = `candidate_preview-${oneCandidate.we_vote_id}-${window.performance.now()}`;
- // console.log('ScrollingInnerWrapper: ', uniqueKey);
- const scoreExplanationTooltip = (
+ const scoreExplanationTooltip = isMobileScreenSize() ? () : (
Your personalized score
{oneCandidate.ballot_item_display_name && (
diff --git a/src/js/components/Facebook/FacebookSignedInData.js b/src/js/components/Facebook/FacebookSignedInData.js
index d32f9faf7..6ddbd265f 100644
--- a/src/js/components/Facebook/FacebookSignedInData.js
+++ b/src/js/components/Facebook/FacebookSignedInData.js
@@ -1,8 +1,8 @@
// eslint-disable-next-line import/no-cycle
+import signInModalGlobalState from '../../common/components/Widgets/signInModalGlobalState';
import { isWebApp } from '../../common/utils/isCordovaOrWebApp';
import { oAuthLog } from '../../common/utils/logging';
import facebookApi from '../../utils/facebookApi';
-import signInModalGlobalState from '../../common/components/Widgets/signInModalGlobalState';
const fbData = {
connected: false,
@@ -199,7 +199,7 @@ export default {
this.login2022Response(resolve, response);
},
(responseFail) => {
- console.log('Failure to sign in to Facebook', responseFail);
+ console.log('Failure to sign in to Facebook', JSON.stringify(responseFail));
});
}
});
diff --git a/src/js/components/Friends/FriendDetails.jsx b/src/js/components/Friends/FriendDetails.jsx
index daa5aa363..722ae2896 100644
--- a/src/js/components/Friends/FriendDetails.jsx
+++ b/src/js/components/Friends/FriendDetails.jsx
@@ -4,6 +4,7 @@ import React, { Component, Suspense } from 'react';
import OverlayTrigger from 'react-bootstrap/OverlayTrigger';
import Tooltip from 'react-bootstrap/Tooltip';
import styled from 'styled-components';
+import isMobileScreenSize from '../../common/utils/isMobileScreenSize';
import { FriendDetailsLine, FriendDetailsWrapper, FriendName, InviteToWeVoteLine } from '../Style/friendStyles';
import abbreviateNumber from '../../common/utils/abbreviateNumber';
import { renderLog } from '../../common/utils/logging';
@@ -57,7 +58,7 @@ class FriendDetails extends Component {
let mutualFriendImageHtmlArray = <>;
if (mutualFriendPreviewList) {
const mutualFriendPreviewListSorted = mutualFriendPreviewList.sort(this.orderByPhotoExists);
- mutualFriendsTooltip = (
+ mutualFriendsTooltip = isMobileScreenSize() ? () : (
) : (
{mutualFriendPreviewListSorted.map((mutualFriend) => {
diff --git a/src/js/components/Navigation/HeaderBackToVoterGuides.jsx b/src/js/components/Navigation/HeaderBackToVoterGuides.jsx
index 8dffdcc43..73d01019b 100644
--- a/src/js/components/Navigation/HeaderBackToVoterGuides.jsx
+++ b/src/js/components/Navigation/HeaderBackToVoterGuides.jsx
@@ -257,7 +257,7 @@ class HeaderBackToVoterGuides extends Component {
const electionName = BallotStore.currentBallotElectionName;
// const atLeastOnePositionFoundForThisElection = positionListForOneElection && positionListForOneElection.length !== 0;
- const changeElectionButtonHtml = (
+ const changeElectionButtonHtml = isMobileScreenSize() ? () : (
diff --git a/src/js/components/Share/ShareButtonFooter.jsx b/src/js/components/Share/ShareButtonFooter.jsx
index 65b7f3d3a..f8f79d247 100644
--- a/src/js/components/Share/ShareButtonFooter.jsx
+++ b/src/js/components/Share/ShareButtonFooter.jsx
@@ -8,13 +8,15 @@ import AnalyticsActions from '../../actions/AnalyticsActions';
import FriendActions from '../../actions/FriendActions';
import VoterActions from '../../actions/VoterActions';
import ShareActions from '../../common/actions/ShareActions';
+import { openSnackbar } from '../../common/components/Widgets/SnackNotifier';
+import AppObservableStore, { messageService } from '../../common/stores/AppObservableStore';
import ShareStore from '../../common/stores/ShareStore';
import apiCalming from '../../common/utils/apiCalming';
import { hasDynamicIsland, hasIPhoneNotch, isAndroid } from '../../common/utils/cordovaUtils';
import { isCordova, isWebApp } from '../../common/utils/isCordovaOrWebApp';
import { renderLog } from '../../common/utils/logging';
import stringContains from '../../common/utils/stringContains';
-import AppObservableStore, { messageService } from '../../common/stores/AppObservableStore';
+import webAppConfig from '../../config';
import FriendStore from '../../stores/FriendStore';
import VoterStore from '../../stores/VoterStore';
import { getApplicationViewBooleans } from '../../utils/applicationUtils';
@@ -22,7 +24,6 @@ import { shareBottomOffset } from '../../utils/cordovaOffsets';
import createMessageToFriendDefaults from '../../utils/createMessageToFriendDefaults';
import sortFriendListByMutualFriends from '../../utils/friendFunctions';
import isMobile from '../../utils/isMobile';
-import { openSnackbar } from '../../common/components/Widgets/SnackNotifier';
import { CopyLink, getKindOfShareFromURL, getWhatAndHowMuchToShareDefault, saveActionShareAnalytics, ShareFacebook, SharePreviewFriends, shareStyles, ShareTwitter, ShareWeVoteFriends } from './shareButtonCommon'; // cordovaSocialSharingByEmail // cordovaSocialSharingByEmail
import ShareModalOption from './ShareModalOption';
import { generateShareLinks } from './ShareModalText';
@@ -397,7 +398,9 @@ class ShareButtonFooter extends Component {
this.saveActionShareButtonFriends()} />
{(!(isMobile() && navigator.share) || isCordova()) && (
<>
- this.saveActionShareButtonFriends()} />
-
Follow
@@ -207,7 +209,7 @@ class IssueCard extends Component {
let linkedOrganizationsTooltip = <>;
let linkedOrganizationNameCount = 0;
if (linkedOrganizationPreviewList) {
- linkedOrganizationsTooltip = (
+ linkedOrganizationsTooltip = isMobileScreenSize() ? () : (
See endorsements from
@@ -249,7 +251,8 @@ class IssueCard extends Component {
);
}
- const followersTooltip = (
+
+ const followersTooltip = isMobileScreenSize() ? () : (
);
+
const issueNameAndCount = (
{`${issueDisplayName} `}
@@ -274,6 +278,7 @@ class IssueCard extends Component {
);
let isFirst = true;
let organizationImageCount = 0;
+
const issueAdvocates = (
{!!(linkedOrganizationPreviewList) && (
diff --git a/src/js/components/Values/IssueLinkToggle.jsx b/src/js/components/Values/IssueLinkToggle.jsx
index 13b625cd6..983bd6bbd 100644
--- a/src/js/components/Values/IssueLinkToggle.jsx
+++ b/src/js/components/Values/IssueLinkToggle.jsx
@@ -37,6 +37,7 @@ export default class IssueLinkToggle extends Component {
render () {
renderLog('IssueLinkToggle'); // Set LOG_RENDER_EVENTS to log all renders
let supportButtonPopoverTooltip;
+ // Dec 2023: Leave this in for Mobile and Cordova, since it is an error report condition
if (this.props.incompatibleIssues !== undefined) {
// Removed bsPrefix="card-popover"
const incompatibleIssues = {`You cannot link because the issue is incompatible with the following issues: ${this.props.incompatibleIssues.map((issue) => issue.issue_name).join(', ')}`};
diff --git a/src/js/components/Widgets/FollowToggleCheckPlus.jsx b/src/js/components/Widgets/FollowToggleCheckPlus.jsx
index 866a12cc3..bb4cf539d 100644
--- a/src/js/components/Widgets/FollowToggleCheckPlus.jsx
+++ b/src/js/components/Widgets/FollowToggleCheckPlus.jsx
@@ -4,22 +4,23 @@ import { Button } from '@mui/material';
import Menu from '@mui/material/Menu';
import MenuItem from '@mui/material/MenuItem';
import { styled as muiStyled } from '@mui/styles';
-import withTheme from '@mui/styles/withTheme';
import withStyles from '@mui/styles/withStyles';
-import OverlayTrigger from 'react-bootstrap/OverlayTrigger';
-import Tooltip from 'react-bootstrap/Tooltip';
+import withTheme from '@mui/styles/withTheme';
import PropTypes from 'prop-types';
import React, { Component } from 'react';
+import OverlayTrigger from 'react-bootstrap/OverlayTrigger';
+import Tooltip from 'react-bootstrap/Tooltip';
import styled from 'styled-components';
import OrganizationActions from '../../actions/OrganizationActions';
+import { openSnackbar } from '../../common/components/Widgets/SnackNotifier';
import historyPush from '../../common/utils/historyPush';
+import isMobileScreenSize from '../../common/utils/isMobileScreenSize';
import { renderLog } from '../../common/utils/logging';
import FriendStore from '../../stores/FriendStore';
import IssueStore from '../../stores/IssueStore';
import OrganizationStore from '../../stores/OrganizationStore';
import VoterGuideStore from '../../stores/VoterGuideStore';
import VoterStore from '../../stores/VoterStore';
-import { openSnackbar } from '../../common/components/Widgets/SnackNotifier';
import { createSharedIssuesText } from '../../utils/issueUtils';
@@ -32,7 +33,7 @@ function AlreadyFollowingOrIgnoringButton (params) {
alreadyFollowingOrIgnoringPopOverText += ` ${speakerDisplayName},`;
}
alreadyFollowingOrIgnoringPopOverText += ' their opinion is added to your score. Click to stop following.';
- const alreadyFollowingOrIgnoringPopOverTooltip = (
+ const alreadyFollowingOrIgnoringPopOverTooltip = isMobileScreenSize() ? () : (
{alreadyFollowingOrIgnoringPopOverText}
@@ -103,11 +104,12 @@ function FollowButton (params) {
followOrganizationCheckPlusPopOverText += ` ${speakerDisplayName},`;
}
followOrganizationCheckPlusPopOverText += ' and add their opinion to your score.';
- const followOrganizationCheckPlusPopOverTooltip = (
+ const followOrganizationCheckPlusPopOverTooltip = isMobileScreenSize() ? () : (
{followOrganizationCheckPlusPopOverText}
);
+
return (
@@ -414,7 +416,8 @@ class FollowToggleCheckPlus extends Component {
friendOrLinkedToIssuePopOverText += ' cares about the same values as you.';
friendOrLinkedToIssuePopOverText += ' Because of this, their opinion is added to your score.';
}
- const friendOrLinkedToIssuePopOverTooltip = (
+
+ const friendOrLinkedToIssuePopOverTooltip = isMobileScreenSize() ? () : (
{friendOrLinkedToIssuePopOverText}
@@ -525,9 +528,9 @@ const FriendOrLinkedToIssue = styled('div')`
align-items: center;
display: flex;
height: 40px;
- margin: '0 !important';
+ margin: 0 !important;
min-width: 0;
- padding: '0 !important';
+ padding: 0 !important;
width: 32px;
`;
diff --git a/src/js/components/Widgets/FriendsOnlyIndicator.jsx b/src/js/components/Widgets/FriendsOnlyIndicator.jsx
index 2395839c3..2cbdac800 100644
--- a/src/js/components/Widgets/FriendsOnlyIndicator.jsx
+++ b/src/js/components/Widgets/FriendsOnlyIndicator.jsx
@@ -4,6 +4,7 @@ import React, { Component } from 'react';
import OverlayTrigger from 'react-bootstrap/OverlayTrigger';
import Tooltip from 'react-bootstrap/Tooltip';
import { ReactSVG } from 'react-svg';
+import isMobileScreenSize from '../../common/utils/isMobileScreenSize';
import { renderLog } from '../../common/utils/logging';
import normalizedImagePath from '../../common/utils/normalizedImagePath';
@@ -59,7 +60,9 @@ export default class FriendsOnlyIndicator extends Component {
);
}
- const tooltip = {labelText} ;
+ const tooltip = isMobileScreenSize() ? () : (
+ {labelText}
+ );
return (
diff --git a/src/js/components/Widgets/ItemActionBar/ItemActionBar.jsx b/src/js/components/Widgets/ItemActionBar/ItemActionBar.jsx
index 0d2e28e5b..15ff57703 100644
--- a/src/js/components/Widgets/ItemActionBar/ItemActionBar.jsx
+++ b/src/js/components/Widgets/ItemActionBar/ItemActionBar.jsx
@@ -8,6 +8,7 @@ import OverlayTrigger from 'react-bootstrap/OverlayTrigger';
import Tooltip from 'react-bootstrap/Tooltip';
import SupportActions from '../../../actions/SupportActions';
import VoterActions from '../../../actions/VoterActions';
+import isMobileScreenSize from '../../../common/utils/isMobileScreenSize';
import Cookies from '../../../common/utils/js-cookie/Cookies';
import { convertToInteger } from '../../../common/utils/textFormat';
import { renderLog } from '../../../common/utils/logging';
@@ -740,12 +741,13 @@ class ItemActionBar extends PureComponent {
opposeButtonUnselectedPopOverText += '.';
}
- const supportButtonPopoverTooltip = (
+ const supportButtonPopoverTooltip = isMobileScreenSize() ? () : (
{this.isSupportCalculated() ? supportButtonUnselectedPopOverText : supportButtonSelectedPopOverText }
);
- const opposeButtonPopoverTooltip = (
+
+ const opposeButtonPopoverTooltip = isMobileScreenSize() ? () : (
{this.isOpposeCalculated() ? opposeButtonUnselectedPopOverText : opposeButtonSelectedPopOverText}
diff --git a/src/js/components/Widgets/PositionInformationOnlySnippet.jsx b/src/js/components/Widgets/PositionInformationOnlySnippet.jsx
index c6c91c310..e3a7bedde 100644
--- a/src/js/components/Widgets/PositionInformationOnlySnippet.jsx
+++ b/src/js/components/Widgets/PositionInformationOnlySnippet.jsx
@@ -4,6 +4,7 @@ import PropTypes from 'prop-types';
import React, { Component, Suspense } from 'react';
import OverlayTrigger from 'react-bootstrap/OverlayTrigger';
import Tooltip from 'react-bootstrap/Tooltip';
+import isMobileScreenSize from '../../common/utils/isMobileScreenSize';
import { renderLog } from '../../common/utils/logging';
import normalizedImagePath from '../../common/utils/normalizedImagePath';
import { vimeoRegX, youTubeRegX } from '../../common/utils/textFormat';
@@ -68,7 +69,10 @@ export default class PositionInformationOnlySnippet extends Component {
}
const labelText = 'This position is information-only, as opposed to “support” or “oppose”';
- const tooltip = {labelText} ;
+ const tooltip = isMobileScreenSize() ? () : (
+ {labelText}
+ );
+
return (
{abbreviateNumber(issueFollowersCount)}
@@ -262,6 +265,7 @@ class IssueCard extends Component {
diff --git a/src/js/components/Widgets/TooltipIcon.jsx b/src/js/components/Widgets/TooltipIcon.jsx
index e52a65182..1e7713146 100644
--- a/src/js/components/Widgets/TooltipIcon.jsx
+++ b/src/js/components/Widgets/TooltipIcon.jsx
@@ -3,17 +3,20 @@ import { Tooltip } from '@mui/material';
import styled from 'styled-components';
import PropTypes from 'prop-types';
import React, { Component } from 'react';
+import isMobileScreenSize from '../../common/utils/isMobileScreenSize';
class TooltipIcon extends Component {
render () {
return (
-
-
+ {isMobileScreenSize() ? () : (
+
+
+ )}
);
}
diff --git a/src/js/pages/Friends/Friends.jsx b/src/js/pages/Friends/Friends.jsx
index d2fd24f6b..12e2571ac 100755
--- a/src/js/pages/Friends/Friends.jsx
+++ b/src/js/pages/Friends/Friends.jsx
@@ -4,6 +4,7 @@ import PropTypes from 'prop-types';
import React, { Component, Suspense } from 'react';
import { Helmet } from 'react-helmet-async';
import styled from 'styled-components';
+import isMobileScreenSize from '../../common/utils/isMobileScreenSize';
import FriendsCurrent from './FriendsCurrent';
import FriendInvitationsSentByMe from './FriendInvitationsSentByMe';
import InviteByEmail from './InviteByEmail';
@@ -523,7 +524,11 @@ class Friends extends Component {
Invite Friends
-
Invite Friends
-