From 3f1d955ef932f96280714c9b2ed486333f6271d3 Mon Sep 17 00:00:00 2001
From: Zeke Zhang <958414905@qq.com>
Date: Thu, 6 Feb 2025 20:51:45 +0800
Subject: [PATCH] chore: hide the header when no permissions are configured
 (#6171)

---
 .../src/client/desktop-mode/DesktopMode.tsx        | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/packages/plugins/@nocobase/plugin-mobile/src/client/desktop-mode/DesktopMode.tsx b/packages/plugins/@nocobase/plugin-mobile/src/client/desktop-mode/DesktopMode.tsx
index 4bac8c8902..cd4200c25a 100644
--- a/packages/plugins/@nocobase/plugin-mobile/src/client/desktop-mode/DesktopMode.tsx
+++ b/packages/plugins/@nocobase/plugin-mobile/src/client/desktop-mode/DesktopMode.tsx
@@ -7,23 +7,27 @@
  * For more information, please refer to: https://www.nocobase.com/agreement.
  */
 
-import React, { FC } from 'react';
 import { Layout } from 'antd';
+import React, { FC } from 'react';
 import { isDesktop } from 'react-device-detect';
 
-import { DesktopModeHeader } from './Header';
-import { DesktopModeContent } from './Content';
-import { SizeContextProvider } from './sizeContext';
+import { useUIConfigurationPermissions } from '@nocobase/client';
 import { PageBackgroundColor } from '../constants';
+import { DesktopModeContent } from './Content';
+import { DesktopModeHeader } from './Header';
+import { SizeContextProvider } from './sizeContext';
 
 interface DesktopModeProps {
   children?: React.ReactNode;
 }
 
 export const DesktopMode: FC<DesktopModeProps> = ({ children }) => {
-  if (!isDesktop) {
+  const { allowConfigUI } = useUIConfigurationPermissions();
+
+  if (!isDesktop || !allowConfigUI) {
     return <>{children}</>;
   }
+
   return (
     <SizeContextProvider>
       <Layout style={{ height: '100%', background: PageBackgroundColor }}>