Make split bill not pressable

Expensify · Nov 22, 2022 · ffe2996 · ffe2996
1 parent 75e7117
commit ffe2996
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 15 deletions.
diff --git a/src/components/Checkbox.js b/src/components/Checkbox.js
@@ -112,7 +112,7 @@ class Checkbox extends React.Component {
                                 this.state.isFocused && styles.borderColorFocus,
                             ]}
                         >
-                            <Icon src={Expensicons.Checkmark} fill="white" height={14} width={14} />
+                            <Icon src={Expensicons.Checkmark} fill={this.props.isChecked ? 'white' : 'transparent'} height={14} width={14} />
                         </View>
                     )}
             </Pressable>

diff --git a/src/components/ReportActionItem/IOUAction.js b/src/components/ReportActionItem/IOUAction.js
@@ -47,6 +47,7 @@ const IOUAction = (props) => {
         <>
             <IOUQuote
                 action={props.action}
+                shouldAllowViewDetails={Boolean(props.action.originalMessage.IOUReportID)}
                 onViewDetailsPressed={launchDetailsModal}
             />
             {((props.isMostRecentIOUReportAction && Boolean(props.action.originalMessage.IOUReportID))

diff --git a/src/components/ReportActionItem/IOUQuote.js b/src/components/ReportActionItem/IOUQuote.js
@@ -15,36 +15,42 @@ const propTypes = {
     /** All the data of the action */
     action: PropTypes.shape(reportActionPropTypes).isRequired,
 
+    /** Should the View Details link be displayed? */
+    shouldAllowViewDetails: PropTypes.bool,
+
     /** Callback invoked when View Details is pressed */
     onViewDetailsPressed: PropTypes.func,
 
     ...withLocalizePropTypes,
 };
 
 const defaultProps = {
+    shouldAllowViewDetails: false,
     onViewDetailsPressed: () => {},
 };
 
 const IOUQuote = props => (
     <View style={[styles.chatItemMessage]}>
         {_.map(props.action.message, (fragment, index) => (
-            <View
+            <Pressable
                 key={`iouQuote-${props.action.reportActionID}-${index}`}
+                onPress={props.shouldAllowViewDetails
+                    ? props.onViewDetailsPressed
+                    : () => {}}
+                style={[styles.flexRow, styles.justifyContentBetween]}
             >
-                <Pressable onPress={props.onViewDetailsPressed} style={[styles.flexRow, styles.justifyContentBetween]}>
-                    <Text>
-                        <Text style={[styles.chatItemMessageLink]}>
-                            {/* Get first word of IOU message */}
-                            {Str.htmlDecode(fragment.text.split(' ')[0])}
-                        </Text>
-                        <Text style={[styles.chatItemMessage]}>
-                            {/* Get remainder of IOU message */}
-                            {Str.htmlDecode(fragment.text.substring(fragment.text.indexOf(' ')))}
-                        </Text>
+                <Text>
+                    <Text style={[styles.chatItemMessageLink]}>
+                        {/* Get first word of IOU message */}
+                        {Str.htmlDecode(fragment.text.split(' ')[0])}
+                    </Text>
+                    <Text style={[styles.chatItemMessage]}>
+                        {/* Get remainder of IOU message */}
+                        {Str.htmlDecode(fragment.text.substring(fragment.text.indexOf(' ')))}
                     </Text>
-                    <Icon src={Expensicons.ArrowRight} fill={themeColors.gray3} />
-                </Pressable>
-            </View>
+                </Text>
+                <Icon src={Expensicons.ArrowRight} fill={props.shouldAllowViewDetails ? themeColors.icon : themeColors.transparent} />
+            </Pressable>
         ))}
     </View>
 );