From fb9fccb0386542f2ac1b3074524781e361c2f31e Mon Sep 17 00:00:00 2001
From: hippoz <10706925-hippoz@users.noreply.gitlab.com>
Date: Wed, 27 Apr 2022 20:24:50 +0300
Subject: [PATCH] frontend: hide edit buttons for channels and messages if the
 user can't edit them

---
 frontend/src/components/Message.svelte | 10 ++++++----
 frontend/src/components/Sidebar.svelte | 10 ++++++----
 2 files changed, 12 insertions(+), 8 deletions(-)

diff --git a/frontend/src/components/Message.svelte b/frontend/src/components/Message.svelte
index 5d9da29..d07e1be 100644
--- a/frontend/src/components/Message.svelte
+++ b/frontend/src/components/Message.svelte
@@ -1,6 +1,6 @@
 <script>
     import { MoreVerticalIcon } from "svelte-feather-icons";
-    import { overlayStore } from "../stores";
+    import { overlayStore, userInfoStore } from "../stores";
 
     export let message;
 </script>
@@ -49,7 +49,9 @@
 <div class="message">
     <span class="author">{ message.author_username }</span>
     <span class="message-content" class:pending={ message._isPending }>{ message.content }</span>
-    <button class="icon-button icon-button-auto edit-message" on:click="{ () => overlayStore.open('editMessage', { message }) }">
-        <MoreVerticalIcon />
-    </button>
+    {#if $userInfoStore && message.author_id === $userInfoStore.id}
+        <button class="icon-button icon-button-auto edit-message" on:click="{ () => overlayStore.open('editMessage', { message }) }">
+            <MoreVerticalIcon />
+        </button>
+    {/if}
 </div>
diff --git a/frontend/src/components/Sidebar.svelte b/frontend/src/components/Sidebar.svelte
index e0500d6..f282425 100644
--- a/frontend/src/components/Sidebar.svelte
+++ b/frontend/src/components/Sidebar.svelte
@@ -2,7 +2,7 @@
     import { HashIcon, PlusIcon, MoreVerticalIcon } from "svelte-feather-icons";
     import { quadInOut } from "svelte/easing";
     import { fly } from "svelte/transition";
-    import { channels, overlayStore, selectedChannel, showChannelView, showSidebar, smallViewport } from "../stores";
+    import { channels, overlayStore, selectedChannel, showChannelView, showSidebar, smallViewport, userInfoStore } from "../stores";
     import UserTopBar from "./UserTopBar.svelte";
 
     let pendingSelectChannel = null;
@@ -40,9 +40,11 @@
                     <HashIcon />
                 </div>
                 <span>{ channel.name }</span>
-                <button class="icon-button icon-button-auto" on:click|stopPropagation="{ () => overlayStore.open('editChannel', { channel }) }">
-                    <MoreVerticalIcon />
-                </button>
+                {#if $userInfoStore && channel.owner_id === $userInfoStore.id}
+                    <button class="icon-button icon-button-auto" on:click|stopPropagation="{ () => overlayStore.open('editChannel', { channel }) }">
+                        <MoreVerticalIcon />
+                    </button>
+                {/if}
             </button>
         {/each}
         <button on:click="{ () => overlayStore.open('createChannel') }" class="sidebar-button">