update page

studio/components/layouts/AuthLayout/AuthLayout.utils.ts

@@ -10,7 +10,6 @@ export const generateAuthMenu = (ref: string): ProductMenuGroup[] => {
       items: [
         { name: 'Users', key: 'users', url: `/project/${ref}/auth/users`, items: [] },
         { name: 'Policies', key: 'policies', url: `/project/${ref}/auth/policies`, items: [] },
-        { name: 'Templates', key: 'templates', url: `/project/${ref}/auth/templates`, items: [] },
         ...(IS_PLATFORM && logsAuth
           ? [
               {
@@ -28,18 +27,16 @@ export const generateAuthMenu = (ref: string): ProductMenuGroup[] => {
           {
             title: 'Configuration',
             items: [
-              {
-                name: 'Settings',
-                key: 'settings',
-                url: `/project/${ref}/auth/settings`,
-                items: [],
-              },
-              {
-                name: 'Settings new',
-                key: 'settings-new',
-                url: `/project/${ref}/auth/settings-new`,
-                items: [],
-              },
+              ...(IS_PLATFORM && logsAuth
+                ? [
+                    {
+                      name: 'Settings',
+                      key: 'settings',
+                      url: `/project/${ref}/auth/settings`,
+                      items: [],
+                    },
+                  ]
+                : []),
               {
                 name: 'Templates',
                 key: 'settings-templates',

studio/pages/project/[ref]/auth/settings-new.tsx

@@ -1,32 +0,0 @@
-import { AuthProvidersForm } from 'components/interfaces'
-import RedirectDomains from 'components/interfaces/Auth/RedirectDomains'
-import { AuthLayout } from 'components/layouts'
-import { AutoSchemaForm, FormsContainer } from 'components/ui/Forms'
-import { useStore } from 'hooks'
-import { observer } from 'mobx-react-lite'
-import React, { useEffect } from 'react'
-import { NextPageWithLayout } from 'types'
-
-const PageLayout: NextPageWithLayout = () => {
-  const { ui, authConfig } = useStore()
-
-  useEffect(() => {
-    // temporary store loader
-    authConfig.load()
-  }, [ui.selectedProjectRef])
-
-  if (authConfig)
-    return (
-      <FormsContainer>
-        <AutoSchemaForm />
-        <RedirectDomains />
-        <AuthProvidersForm />
-      </FormsContainer>
-    )
-}
-
-PageLayout.getLayout = (page) => {
-  return <AuthLayout>{page}</AuthLayout>
-}
-
-export default observer(PageLayout)