From 90f5d63959d05dff07753d6cd773c4a94d0d7cc6 Mon Sep 17 00:00:00 2001
From: Spectralitree <72747870+Spectralitree@users.noreply.github.com>
Date: Sun, 19 Dec 2021 14:24:21 +0100
Subject: [PATCH] feat: dynamic icons based on visibility in lists

---
 src/lib/group/List.svelte  | 16 +++++++++++++---
 src/lib/member/List.svelte | 19 ++++++++++++++-----
 2 files changed, 27 insertions(+), 8 deletions(-)
diff --git a/src/lib/group/List.svelte b/src/lib/group/List.svelte
index b691ddbf..6650d3f4 100644
--- a/src/lib/group/List.svelte
+++ b/src/lib/group/List.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
     import { Card, CardHeader, CardBody, CardTitle, Alert, Accordion, AccordionItem, InputGroupText, InputGroup, Input, Label, Row, Col, Spinner, Button, Tooltip } from 'sveltestrap';
-    import FaUserCircle from 'svelte-icons/fa/FaUserCircle.svelte'
+    import FaUsers from 'svelte-icons/fa/FaUsers.svelte'
     import { onMount } from 'svelte';
     import FaSearch from 'svelte-icons/fa/FaSearch.svelte'
     import { useParams } from 'svelte-navigator';
@@ -11,6 +11,7 @@
     import ListPagination from '../ListPagination.svelte';
     import Body from './Body.svelte';
     import Svelecte, { addFormatter } from 'svelecte';
+    import FaLock from 'svelte-icons/fa/FaLock.svelte';
 
     export let isPublic: boolean;
 
@@ -255,12 +256,21 @@
 <ListPagination bind:currentPage bind:pageAmount />
 <Accordion class="my-3" stayOpen>
     {#each slicedList as group, index (group.id)}
+        {#if (!isPublic && group.privacy.visibility === "public") || isPublic}
         <AccordionItem>
-            <CardsHeader bind:item={group} bind:loading={itemLoading[index]} slot="header">
-                <FaUserCircle slot="icon"/>
+            <CardsHeader bind:item={group} loading={itemLoading[index]} slot="header">
+                <FaUsers slot="icon" />
             </CardsHeader>
             <Body on:update={updateList} bind:group bind:isPublic={isPublic} bind:loading={itemLoading[index]}/>
         </AccordionItem>
+        {:else}
+        <AccordionItem>
+            <CardsHeader bind:item={group} loading={itemLoading[index]} slot="header">
+                <FaLock slot="icon" />
+            </CardsHeader>
+            <Body on:update={updateList} bind:group bind:isPublic={isPublic} bind:loading={itemLoading[index]}/>
+        </AccordionItem>
+        {/if}
     {/each}
 </Accordion>
 <ListPagination bind:currentPage bind:pageAmount />
diff --git a/src/lib/member/List.svelte b/src/lib/member/List.svelte
index 3ec96577..c2db59bb 100644
--- a/src/lib/member/List.svelte
+++ b/src/lib/member/List.svelte
@@ -10,6 +10,7 @@
     import CardsHeader from '../CardsHeader.svelte';
     import ListPagination from '../ListPagination.svelte';
     import Svelecte, { addFormatter } from 'svelecte';
+    import FaLock from 'svelte-icons/fa/FaLock.svelte';
 
     export let isPublic: boolean;
     let itemLoading: boolean[] = [];
@@ -247,11 +248,19 @@
 <ListPagination bind:currentPage bind:pageAmount />
 <Accordion class="my-3" stayOpen>
     {#each slicedList as member, index (member.id)}
-        <AccordionItem>
-            <CardsHeader bind:item={member} loading={itemLoading[index]} slot="header">
-                <FaUserCircle slot="icon"/>
-            </CardsHeader>
-        </AccordionItem>
+            {#if (!isPublic && member.privacy.visibility === "public") || isPublic}
+            <AccordionItem>
+                <CardsHeader bind:item={member} loading={itemLoading[index]} slot="header">
+                    <FaUserCircle slot="icon" />
+                </CardsHeader>
+            </AccordionItem>
+            {:else}
+            <AccordionItem>
+                <CardsHeader bind:item={member} loading={itemLoading[index]} slot="header">
+                    <FaLock slot="icon" />
+                </CardsHeader>
+            </AccordionItem>
+            {/if}
     {/each}
 </Accordion>
 <ListPagination bind:currentPage bind:pageAmount />
