From dbbba0732f2f35292e7ae338d2574c4d2b62f1ed Mon Sep 17 00:00:00 2001
From: "plebeius.eth" <mottoes_recap0u@icloud.com>
Date: Thu, 4 Jan 2024 15:54:40 +0100
Subject: [PATCH] feat(sidebar): add community settings button

---
 src/components/sidebar/sidebar.module.css | 9 +++++++++
 src/components/sidebar/sidebar.tsx        | 9 +++++++--
 2 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/src/components/sidebar/sidebar.module.css b/src/components/sidebar/sidebar.module.css
index 352ece3a..b5654740 100644
--- a/src/components/sidebar/sidebar.module.css
+++ b/src/components/sidebar/sidebar.module.css
@@ -216,4 +216,13 @@ a {
   padding-top: 10px;
   color: var(--text-primary);
   cursor: pointer;
+}
+
+.bottomButtons {
+  margin-top: 10px;
+  text-transform: lowercase;
+}
+
+.communitySettings {
+  float: right;
 }
\ No newline at end of file
diff --git a/src/components/sidebar/sidebar.tsx b/src/components/sidebar/sidebar.tsx
index 31ef23c7..f3e4157d 100644
--- a/src/components/sidebar/sidebar.tsx
+++ b/src/components/sidebar/sidebar.tsx
@@ -159,8 +159,13 @@ const Sidebar = ({ address, cid, createdAt, description, downvoteCount = 0, role
             {t('created_by', { creatorAddress: '' })}
             <Link to={`/u/${creatorAddress}`} onClick={(e) => e.preventDefault()}>{`u/${creatorAddress}`}</Link>
             {createdAt && <span className={styles.age}> {t('community_for', { date: getFormattedTimeDuration(createdAt) })}</span>}
-            <div className={styles.blockSub} onClick={blockConfirm}>
-              {blocked ? t('unblock_community') : t('block_community')}
+            <div className={styles.bottomButtons}>
+              <span className={styles.blockSub} onClick={blockConfirm}>
+                {blocked ? t('unblock_community') : t('block_community')}
+              </span>
+              <span className={styles.communitySettings}>
+                <Link to={`/p/${address}/settings`}>{t('settings')}</Link>
+              </span>
             </div>
           </div>
         </div>