From f863b81a7d40a1296a061ec93946f204382af2c3 Mon Sep 17 00:00:00 2001
From: Sabir Hassan <sabirbk06@gmail.com>
Date: Thu, 23 Jun 2022 23:14:54 +0500
Subject: [PATCH] fix: show permission component only in server mode

---
 web/src/containers/Settings/index.tsx | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/web/src/containers/Settings/index.tsx b/web/src/containers/Settings/index.tsx
index a1a0b70..a93d400 100644
--- a/web/src/containers/Settings/index.tsx
+++ b/web/src/containers/Settings/index.tsx
@@ -1,4 +1,4 @@
-import * as React from 'react'
+import React, { useState, useContext } from 'react'
 
 import { Box, Paper, Tab, styled } from '@mui/material'
 import TabContext from '@mui/lab/TabContext'
@@ -8,6 +8,8 @@ import TabPanel from '@mui/lab/TabPanel'
 import Permission from './permission'
 import Profile from './profile'
 
+import { AppContext, ModeType } from '../../context/appContext'
+
 const StyledTab = styled(Tab)({
   background: 'black',
   margin: '0 5px 5px 0'
@@ -18,7 +20,8 @@ const StyledTabpanel = styled(TabPanel)({
 })
 
 const Settings = () => {
-  const [value, setValue] = React.useState('profile')
+  const appContext = useContext(AppContext)
+  const [value, setValue] = useState('profile')
 
   const handleChange = (event: React.SyntheticEvent, newValue: string) => {
     setValue(newValue)
@@ -43,7 +46,9 @@ const Settings = () => {
             onChange={handleChange}
           >
             <StyledTab label="Profile" value="profile" />
-            <StyledTab label="Permission" value="permission" />
+            {appContext.mode === ModeType.Server && (
+              <StyledTab label="Permission" value="permission" />
+            )}
           </TabList>
         </Box>
         <StyledTabpanel value="profile">