From ba4bd16143543c361756456fc1163ea43cb58161 Mon Sep 17 00:00:00 2001
From: Kristofer <kristofer@fmckl.se>
Date: Fri, 18 Aug 2023 10:20:00 +0200
Subject: [PATCH] Display community details on settings page

---
 .../components/ApplicationSettings.tsx        | 22 +++++++++++++++++--
 1 file changed, 20 insertions(+), 2 deletions(-)

diff --git a/packages/frontend/src/pages/Settings/components/ApplicationSettings.tsx b/packages/frontend/src/pages/Settings/components/ApplicationSettings.tsx
index e51b81070..bb646b4c2 100644
--- 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">