From 42fcd0fee0516e5dfbef51bec7ea606f467f804e Mon Sep 17 00:00:00 2001
From: mbecker20 <becker.maxh@gmail.com>
Date: Thu, 14 Apr 2022 05:31:06 -0700
Subject: [PATCH] do only show download log when user can update

---
 .../components/deployment/tabs/log/Log.tsx    | 22 +++++++++++--------
 1 file changed, 13 insertions(+), 9 deletions(-)

diff --git a/frontend/src/components/deployment/tabs/log/Log.tsx b/frontend/src/components/deployment/tabs/log/Log.tsx
index 9c7862f27..4d66933f7 100644
--- a/frontend/src/components/deployment/tabs/log/Log.tsx
+++ b/frontend/src/components/deployment/tabs/log/Log.tsx
@@ -9,6 +9,7 @@ import Icon from "../../../util/Icon";
 import Flex from "../../../util/layout/Flex";
 import Grid from "../../../util/layout/Grid";
 import Selector from "../../../util/menu/Selector";
+import { useConfig } from "../config/Provider";
 import s from "./log.module.scss";
 
 const Log: Component<{
@@ -19,6 +20,7 @@ const Log: Component<{
   error?: boolean;
 }> = (p) => {
   const { selected, deployments } = useAppState();
+  const { userCanUpdate } = useConfig();
   const deployment = () => deployments.get(selected.id());
   let ref: HTMLDivElement | undefined;
   let ignore = false;
@@ -70,15 +72,17 @@ const Log: Component<{
             itemStyle={{ width: "4rem" }}
           />
         </Flex>
-        <button
-          class="blue"
-          onClick={() =>
-            downloadDeploymentLog(selected.id(), deployment()!.name)
-          }
-          style={{ padding: "0.35rem" }}
-        >
-          download full log
-        </button>
+        <Show when={userCanUpdate()}>
+          <button
+            class="blue"
+            onClick={() =>
+              downloadDeploymentLog(selected.id(), deployment()!.name)
+            }
+            style={{ padding: "0.35rem" }}
+          >
+            download full log
+          </button>
+        </Show>
       </Flex>
       <div style={{ position: "relative" }}>
         <div