Display community details on settings page

givepraise · Aug 18, 2023 · ba4bd16 · ba4bd16
1 parent 4c09756
commit ba4bd16
Showing 1 changed file with 20 additions and 2 deletions.
diff --git a/packages/frontend/src/pages/Settings/components/ApplicationSettings.tsx b/packages/frontend/src/pages/Settings/components/ApplicationSettings.tsx
@@ -4,6 +4,8 @@ import { Box } from '@/components/ui/Box';
 import { SettingsSubgroup } from './SettingsSubgroup';
 import ApplicationSettingsApiKeys from './ApplicationSettingsApiKeys';
 import { Setting as SettingDto } from '@/model/settings/dto/setting.dto';
+import { useRecoilValue } from 'recoil';
+import { CurrentCommunity } from '../../../model/community/community';
 
 interface Params {
   settings: SettingDto[] | undefined;
@@ -16,13 +18,29 @@ export const ApplicationSettings = ({
   settings,
   parentOnSubmit,
 }: Params): JSX.Element | null => {
+  const community = useRecoilValue(CurrentCommunity);
   if (!settings) return null;
-
   return (
     <>
       <Box className="mb-6">
         <SettingsSubgroup header="Application Settings">
-          <SettingsForm settings={settings} parentOnSubmit={parentOnSubmit} />
+          <>
+            <div className="flex flex-col gap-4 mb-4">
+              <div>
+                <label className="block font-bold group">Creator address</label>
+                <div>{community?.creator}</div>
+              </div>
+              <div>
+                <label className="block font-bold group">Owner addresses</label>
+                <div>
+                  {community?.owners.map((owner) => (
+                    <div key={owner}>{owner}</div>
+                  ))}
+                </div>
+              </div>
+            </div>
+            <SettingsForm settings={settings} parentOnSubmit={parentOnSubmit} />
+          </>
         </SettingsSubgroup>
       </Box>
       <Box className="mb-6">