From 94d9e09edcd681b79ecc7e0f48819d2ce6630182 Mon Sep 17 00:00:00 2001
From: German Urrustarazu <germanurrus@gmail.com>
Date: Mon, 27 Jun 2022 15:18:45 -0300
Subject: [PATCH] add button on mobile

---
 .../packages/client/src/pages/Community.js    | 33 +++++++++++--------
 1 file changed, 19 insertions(+), 14 deletions(-)

diff --git a/frontend/packages/client/src/pages/Community.js b/frontend/packages/client/src/pages/Community.js
index 83b9db61e..8b753c053 100644
--- a/frontend/packages/client/src/pages/Community.js
+++ b/frontend/packages/client/src/pages/Community.js
@@ -24,6 +24,23 @@ import {
 import { useWebContext } from '../contexts/Web3';
 import Blockies from 'react-blockies';
 
+const CommunitySettingsButton = ({ communityId } = {}) => {
+  return (
+    <div className="columns flex-1" style={{ marginBottom: '20px' }}>
+      <div className="column is-11">
+        <Link to={`/community/${communityId}/edit`}>
+          <div
+            className="button is-fullwidth rounded-sm is-uppercase is-flex small-text has-text-white has-background-black"
+            style={{ minHeight: '40px' }}
+          >
+            Community Settings
+          </div>
+        </Link>
+      </div>
+    </div>
+  );
+};
+
 const AboutLayout = ({
   isMobile,
   leaderBoard,
@@ -48,6 +65,7 @@ const AboutLayout = ({
         <hr className="my-3" />
         <div className="column">{communityLinks}</div>
         <div className="column">
+          {showEdit && <CommunitySettingsButton communityId={communityId} />}
           <p className="smaller-text has-text-grey">Founded 2022</p>
         </div>
       </div>
@@ -66,20 +84,7 @@ const AboutLayout = ({
           <div style={{ paddingTop: '28px' }}>{communityLinks}</div>
         )}
         <hr style={{ marginTop: '32px', marginBottom: '32px' }} />
-        {showEdit && (
-          <div className="columns flex-1" style={{ marginBottom: '20px' }}>
-            <div className="column is-11">
-              <Link to={`/community/${communityId}/edit`}>
-                <div
-                  className="button is-fullwidth rounded-sm is-uppercase is-flex small-text has-text-white has-background-black"
-                  style={{ minHeight: '40px' }}
-                >
-                  Community Settings
-                </div>
-              </Link>
-            </div>
-          </div>
-        )}
+        {showEdit && <CommunitySettingsButton communityId={communityId} />}
         <p className="smaller-text has-text-grey">Founded 2022</p>
       </div>
       <div