update admin component

tauri-wallet/src/components/AdminForm.tsx

@@ -23,9 +23,9 @@ export const Admin: React.FC = () => {
   }
 
   return (
-    <Backdrop open={showAdmin} style={{ zIndex: 2 }}>
+    <Backdrop open={showAdmin} style={{ zIndex: 2, overflow: 'auto' }}>
       <Slide in={showAdmin}>
-        <Paper>
+        <Paper style={{ margin: 'auto' }}>
           <NymCard title="Admin" subheader="Contract administration" noPadding>
             <AdminForm onCancel={onCancel} />
           </NymCard>

tauri-wallet/src/components/Nav.tsx

@@ -21,7 +21,7 @@ import {
 } from '@material-ui/icons'
 import { makeStyles } from '@material-ui/styles'
 import clsx from 'clsx'
-import { ClientContext } from '../context/main'
+import { ADMIN_ADDRESS, ClientContext } from '../context/main'
 
 let routesSchema = [
   {
@@ -81,7 +81,7 @@ const useStyles = makeStyles((theme: Theme) => ({
 
 export const Nav = () => {
   const classes = useStyles()
-  const { handleShowAdmin, logOut } = useContext(ClientContext)
+  const { clientDetails, handleShowAdmin, logOut } = useContext(ClientContext)
   const location = useLocation()
 
   return (
@@ -114,17 +114,20 @@ export const Nav = () => {
             />
           </ListItem>
         ))}
-        <ListItem button onClick={handleShowAdmin}>
+        {clientDetails?.client_address === ADMIN_ADDRESS && (
-          <ListItemIcon className={classes.navItem}>
+          <ListItem button onClick={handleShowAdmin}>
-            <Settings />
+            <ListItemIcon className={classes.navItem}>
-          </ListItemIcon>
+              <Settings />
-          <ListItemText
+            </ListItemIcon>
-            primary="Admin"
+            <ListItemText
-            primaryTypographyProps={{
+              primary="Admin"
-              className: classes.navItem,
+              primaryTypographyProps={{
-            }}
+                className: classes.navItem,
-          />
+              }}
-        </ListItem>
+            />
+          </ListItem>
+        )}
+
         <ListItem button onClick={logOut}>
           <ListItemIcon className={classes.navItem}>
             <ExitToApp />

tauri-wallet/src/components/index.ts

@@ -1,3 +1,4 @@
+export * from './AdminForm'
 export * from './Error'
 export * from './Confirmation'
 export * from './CopyToClipboard'

tauri-wallet/src/context/main.tsx

@@ -3,6 +3,8 @@ import { useHistory } from 'react-router-dom'
 import { Coin, TClientDetails, TSignInWithMnemonic } from '../types'
 import { TUseGetBalance, useGetBalance } from '../hooks/useGetBalance'
 
+export const ADMIN_ADDRESS = 'punk1h3w4nj7kny5dfyjw2le4vm74z03v9vd4dstpu0'
+
 type TClientContext = {
   clientDetails?: TClientDetails
   getBalance: TUseGetBalance

tauri-wallet/src/index.tsx

@@ -8,8 +8,7 @@ import { theme } from './theme'
 import { ClientContext, ClientContextProvider } from './context/main'
 import { ApplicationLayout } from './layouts'
 import { SignIn } from './routes/sign-in'
-import { ErrorFallback } from './components'
+import { Admin, ErrorFallback } from './components'
-import { Admin } from './components/Admin'
 
 const AppWrapper = () => {
   const { clientDetails } = useContext(ClientContext)