From b49264ddfa08e5c4787034c2bed6846bad1684ea Mon Sep 17 00:00:00 2001
From: Pico2x <pico2x@gmail.com>
Date: Wed, 12 Oct 2022 17:44:43 +0100
Subject: [PATCH] Show featured to all users

---
 web/components/groups/group-overview.tsx |  4 ++--
 web/pages/home/index.tsx                 | 15 ++++++++++-----
 2 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/web/components/groups/group-overview.tsx b/web/components/groups/group-overview.tsx
index df646ce2..16fda8d1 100644
--- a/web/components/groups/group-overview.tsx
+++ b/web/components/groups/group-overview.tsx
@@ -230,7 +230,7 @@ export function PinnedItems(props: {
 
   return pinned.length > 0 || isEditable ? (
     <div>
-      <Row className="mb-3 items-center justify-between">
+      <Row className=" items-center justify-between">
         <SectionHeader label={'Featured'} href={`#`} />
         {isEditable && (
           <Button
@@ -265,7 +265,7 @@ export function PinnedItems(props: {
             </div>
           )}
           {pinned.map((element, index) => (
-            <div className="relative my-2">
+            <div className="relative mb-4">
               {element}
 
               {editMode && <CrossIcon onClick={() => onDeleteClicked(index)} />}
diff --git a/web/pages/home/index.tsx b/web/pages/home/index.tsx
index f497fb8b..87f2cfa9 100644
--- a/web/pages/home/index.tsx
+++ b/web/pages/home/index.tsx
@@ -275,9 +275,13 @@ function renderSections(
         }
 
         if (id === 'featured') {
-          // For now, only admins can see the featured section, until we all agree its ship-ready
-          if (!isAdmin) return <></>
-          return <FeaturedSection globalConfig={globalConfig} pinned={pinned} />
+          return (
+            <FeaturedSection
+              globalConfig={globalConfig}
+              pinned={pinned}
+              isAdmin={isAdmin}
+            />
+          )
         }
 
         const contracts = sectionContracts[id]
@@ -396,8 +400,9 @@ function SearchSection(props: {
 function FeaturedSection(props: {
   globalConfig: GlobalConfig
   pinned: JSX.Element[]
+  isAdmin: boolean
 }) {
-  const { globalConfig, pinned } = props
+  const { globalConfig, pinned, isAdmin } = props
   const posts = useAllPosts()
 
   async function onSubmit(selectedItems: { itemId: string; type: string }[]) {
@@ -422,7 +427,7 @@ function FeaturedSection(props: {
     <Col>
       <PinnedItems
         posts={posts}
-        isEditable={true}
+        isEditable={isAdmin}
         pinned={pinned}
         onDeleteClicked={onDeleteClicked}
         onSubmit={onSubmit}