Merge pull request #2311 from automatisch/hide-oauth-tab-in-admin-for-unsupported-apps

feat(AdminApplication): hide oauth tab for unsupported apps

packages/web/src/pages/AdminApplication/index.jsx

@@ -31,18 +31,22 @@ export default function AdminApplication() {
   const matchSmallScreens = useMediaQuery(theme.breakpoints.down('md'));
   const formatMessage = useFormatMessage();
   const navigate = useNavigate();
+
   const connectionsPathMatch = useMatch({
     path: URLS.ADMIN_APP_CONNECTIONS_PATTERN,
     end: false,
   });
+
   const settingsPathMatch = useMatch({
     path: URLS.ADMIN_APP_SETTINGS_PATTERN,
     end: false,
   });
+
   const oauthClientsPathMatch = useMatch({
     path: URLS.ADMIN_APP_AUTH_CLIENTS_PATTERN,
     end: false,
   });
+
   const { appKey } = useParams();
 
   const { data, loading } = useApp(appKey);
@@ -86,6 +90,8 @@ export default function AdminApplication() {
                     value={URLS.ADMIN_APP_SETTINGS_PATTERN}
                     component={Link}
                   />
+
+                  {app.supportsOauthClients && (
                     <Tab
                       data-test="oauth-clients-tab"
                       label={formatMessage('adminApps.oauthClients')}
@@ -93,6 +99,7 @@ export default function AdminApplication() {
                       value={URLS.ADMIN_APP_AUTH_CLIENTS_PATTERN}
                       component={Link}
                     />
+                  )}
                 </Tabs>
               </Box>
 
@@ -101,10 +108,14 @@ export default function AdminApplication() {
                   path={`/settings/*`}
                   element={<AdminApplicationSettings appKey={appKey} />}
                 />
+
+                {app.supportsOauthClients && (
                   <Route
                     path={`/oauth-clients/*`}
                     element={<AdminApplicationOAuthClients appKey={appKey} />}
                   />
+                )}
+
                 <Route
                   path="/"
                   element={
@@ -116,6 +127,8 @@ export default function AdminApplication() {
           </Grid>
         </Grid>
       </Container>
+
+      {app.supportsOauthClients && (
         <Routes>
           <Route
             path="/oauth-clients/create"
@@ -127,6 +140,7 @@ export default function AdminApplication() {
               />
             }
           />
+
           <Route
             path="/oauth-clients/:clientId"
             element={
@@ -137,6 +151,7 @@ export default function AdminApplication() {
             }
           />
         </Routes>
+      )}
     </>
   );
 }