Updated edit church to go straight into edit mode

Author: jzongker

src/settings/ManageChurch.tsx

@@ -3,7 +3,7 @@ import { type ChurchInterface, ApiHelper, UserHelper, Permissions, Locale } from
 import { Navigate } from "react-router-dom";
 import { Box, Typography, Stack, Button, IconButton } from "@mui/material";
 import { Settings as SettingsIcon, Lock as LockIcon, PlayArrow as PlayArrowIcon, Language as LanguageIcon, LocationOn as LocationOnIcon, Edit as EditIcon } from "@mui/icons-material";
-import { RolesTab, ChurchSettings } from "./components";
+import { RolesTab, ChurchSettingsEdit } from "./components";
 
 export const ManageChurch = () => {
   const [selectedTab, setSelectedTab] = React.useState("roles");
@@ -189,7 +189,7 @@ export const ManageChurch = () => {
       {/* Church Settings Modal/Component */}
       {showChurchSettings && (
         <Box sx={{ p: 3 }}>
-          <ChurchSettings church={church} updatedFunction={() => { loadData(); setShowChurchSettings(false); }} />
+          <ChurchSettingsEdit church={church} updatedFunction={() => { loadData(); setShowChurchSettings(false); }} />
         </Box>
       )}
     </>

src/settings/components/ChurchSettings.tsx

@@ -1,5 +1,5 @@
 import React, { useState } from "react";
-import { ChurchSettings } from "./";
+import { ChurchSettingsEdit } from "./";
 import { type ChurchInterface, ApiHelper, UserHelper, Permissions } from "@churchapps/apphelper";
 import { Navigate } from "react-router-dom";
 
@@ -20,7 +20,7 @@ export const ChurchSettingsTab = () => {
   else {
     return (
       <>
-        <ChurchSettings church={church} updatedFunction={loadData} />
+        <ChurchSettingsEdit church={church} updatedFunction={loadData} />
       </>
     );
   }

src/settings/components/ChurchSettingsTab.tsx

@@ -1,5 +1,4 @@
 export * from "../../components";
-export { ChurchSettings } from "./ChurchSettings";
 export { ChurchSettingsEdit } from "./ChurchSettingsEdit";
 
 export { RoleEdit } from "./RoleEdit";