Resolve "Refactor app"

Closes #66 (closed)

components/CustomDialog.js

 import React, { useState } from "react";
 import { StyleSheet, View, Alert } from "react-native";
-import { Button, Paragraph, Dialog, Portal, RadioButton, Text, Divider } from "react-native-paper";
+import { Button, Paragraph, Dialog, Portal, Text, Divider } from "react-native-paper";
 import APIKit from "../APIkit";
 import CustomActivityIndicator from "./CustomActivityIndicator";
 import { toast500, toastError } from "../constants/toasts";
+import CustomRadioButtonGroup from "./CustomRadioButtonGroup";
 
 const CustomDialog = (props) => {
-  const [value, setValue] = React.useState(1);
+  const [value, setValue] = React.useState(null);
   const [showIndicator, setShowIndicator] = useState(false);
   const [resetCode, setResetCode] = useState(null);
 
+  const values = {firstValue: "denyAccess", secondValue: "makeAdmin", thirdValue: "removeAdmin", 
+  firstText:"Deny Access", secondText:"Make Admin", thirdText:"Remove Admin"};
+
+  const getValue = (value) => {
+    setValue(value);
+  };
+
   const updateUser = () => {
     let bodyFormData = new FormData();
     bodyFormData.append("email", props.email);
     bodyFormData.append("id", props.id);
-
-    switch (value) {
-      case 1:
-        bodyFormData.append("denyAccess", true);
-        break;
-      case 2:
-        bodyFormData.append("makeAdmin", true);
-        break;
-      case 3:
-        bodyFormData.append("removeAdmin", true);
-        break;
-    }
+    bodyFormData.append(value, true);
 
     setShowIndicator(true);
 
@@ -94,27 +91,17 @@ const CustomDialog = (props) => {
           <Dialog.Content>
             <Paragraph>{props.email}</Paragraph>
             <Paragraph>
-              Admin:{props.admin.toString()}, Accepted:
-              {props.accepted.toString()}
+              Admin: {props.admin.toString()}
+            </Paragraph>
+            <Paragraph>
+              Accepted: {props.accepted.toString()}
             </Paragraph>
             <View>
-              <RadioButton.Group
-                onValueChange={(newValue) => setValue(newValue)}
-                value={value}
-              >
-                <View style={styles.radioButton}>
-                  <RadioButton value={1} />
-                  <Text>Deny Access</Text>
-                </View>
-                <View style={styles.radioButton}>
-                  <RadioButton value={2} />
-                  <Text>Make Admin</Text>
-                </View>
-                <View style={styles.radioButton}>
-                  <RadioButton value={3} />
-                  <Text>Remove Admin</Text>
-                </View>
-              </RadioButton.Group>
+            <CustomRadioButtonGroup
+              default={value}
+              values={values}
+              sendDataToParent={getValue}
+            />
             </View>
             <Divider />
             <View style={{ marginTop: 10 }}>
@@ -127,7 +114,14 @@ const CustomDialog = (props) => {
           </Dialog.Content>
           <Dialog.Actions>
             <Button onPress={props.onCancel}>Cancel</Button>
-            <Button onPress={updateUser}>Done</Button>
+            <Button 
+              onPress={updateUser}
+              disabled={
+                !(
+                  value != null
+                )
+              }
+              >Done</Button>
           </Dialog.Actions>
         </Dialog>
       </Portal>