show modal on save pref

Author: Aniket-Engg

libs/remix-ui/app/src/lib/remix-app/components/modals/managePreferences.tsx

@@ -92,7 +92,7 @@ const ManagePreferencesSwitcher = (prop: {
   )
 }
 
-const ManagePreferencesDialog = () => {
+const ManagePreferencesDialog = (props) => {
   const { modal } = useDialogDispatchers()
   const { settings } = useContext(AppContext)
   const [visible, setVisible] = useState<boolean>(true)
@@ -118,6 +118,7 @@ const ManagePreferencesDialog = () => {
     settings.updateMatomoAnalyticsChoice(true) // Always true for matomo Anonymous analytics
     settings.updateMatomoPerfAnalyticsChoice(switcherState.current.matPerfSwitch) // Enable/Disable Matomo Performance analytics
     settings.updateCopilotChoice(switcherState.current.remixAISwitch) // Enable/Disable RemixAI copilot
+    props.savePreferencesFn()
   }
 
   return <></>

libs/remix-ui/app/src/lib/remix-app/remix-app.tsx

@@ -238,7 +238,7 @@ const RemixApp = (props: IRemixAppUi) => {
             <OriginWarning></OriginWarning>
             <MatomoDialog hide={!appReady} acceptAllFn={() => setShowEnterDialog(true)} managePreferencesFn={() => setShowManagePreferencesDialog(true)}></MatomoDialog>
             {showEnterDialog && <EnterDialog handleUserChoice={(type) => handleUserChosenType(type)}></EnterDialog>}
-            {showManagePreferencesDialog && <ManagePreferencesDialog></ManagePreferencesDialog>}
+            {showManagePreferencesDialog && <ManagePreferencesDialog savePreferencesFn={() => setShowEnterDialog(true)}></ManagePreferencesDialog>}
             <div className='d-flex flex-column'>
               <div className={`remixIDE ${appReady ? '' : 'd-none'}`} data-id="remixIDE">
                 <div id="icon-panel" data-id="remixIdeIconPanel" className="custom_icon_panel iconpanel bg-light">