disable submit button and render offline indicator

ojasjadhav2 · May 27, 2022 · 4765bdd · 4765bdd
1 parent 1d58296
commit 4765bdd
Showing 1 changed file with 19 additions and 1 deletion.
diff --git a/src/components/FormAlertWithSubmitButton.js b/src/components/FormAlertWithSubmitButton.js
@@ -11,6 +11,8 @@ import withLocalize, {withLocalizePropTypes} from './withLocalize';
 import TextLink from './TextLink';
 import Text from './Text';
 import RenderHTML from './RenderHTML';
+import OfflineIndicator from './OfflineIndicator';
+import {withNetwork} from './OnyxProvider';
 
 const propTypes = {
     /** Whether to show the alert text */
@@ -95,6 +97,19 @@ const FormAlertWithSubmitButton = (props) => {
         );
     }
 
+    if (props.network.isOffline) {
+        return (
+            <View style={[styles.mh5, styles.mb5, styles.flex1, styles.justifyContentEnd, ...props.containerStyles]}>
+                <Button
+                    success
+                    isDisabled
+                    text={props.buttonText}
+                />
+                <OfflineIndicator />
+            </View>
+        );
+     }
+
     return (
         <View style={[styles.mh5, styles.mb5, styles.flex1, styles.justifyContentEnd, ...props.containerStyles]}>
             {props.isAlertVisible && (
@@ -119,4 +134,7 @@ FormAlertWithSubmitButton.propTypes = propTypes;
 FormAlertWithSubmitButton.defaultProps = defaultProps;
 FormAlertWithSubmitButton.displayName = 'FormAlertWithSubmitButton';
 
-export default withLocalize(FormAlertWithSubmitButton);
+export default compose(
+    withLocalize,
+    withNetwork(),
+)(FormAlertWithSubmitButton);