From d20e98e60034e38bbaeec232769800e04f1d6d4a Mon Sep 17 00:00:00 2001
From: Sidney Alcantara <sidney@sidney.me>
Date: Mon, 29 Nov 2021 19:40:13 +1100
Subject: [PATCH] fix build log snackbar not appearing for derivative function
 deploy

---
 src/components/Table/ColumnMenu/FieldSettings/index.tsx  | 3 +++
 .../TableHeader/CloudLogs/BuildLogs/BuildLogsSnack.tsx   | 9 ++++++++-
 src/components/TableHeader/Extensions/index.tsx          | 7 ++++---
 3 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/src/components/Table/ColumnMenu/FieldSettings/index.tsx b/src/components/Table/ColumnMenu/FieldSettings/index.tsx
index 85939f4f..34121f10 100644
--- a/src/components/Table/ColumnMenu/FieldSettings/index.tsx
+++ b/src/components/Table/ColumnMenu/FieldSettings/index.tsx
@@ -12,6 +12,7 @@ import Loading from "@src/components/Loading";
 
 import { useProjectContext } from "@src/contexts/ProjectContext";
 import { useConfirmation } from "@src/components/ConfirmationDialog";
+import { useSnackLogContext } from "@src/contexts/SnackLogContext";
 import { FieldType } from "@src/constants/fields";
 import { runRoutes } from "@src/constants/runRoutes";
 
@@ -27,6 +28,7 @@ export default function FieldSettings(props: IMenuModalProps) {
 
   const { requestConfirmation } = useConfirmation();
   const { tableState, rowyRun } = useProjectContext();
+  const snackLogContext = useSnackLogContext();
 
   const rendedFieldSettings = useMemo(
     () =>
@@ -164,6 +166,7 @@ export default function FieldSettings(props: IMenuModalProps) {
                 cancel: "Later",
                 handleConfirm: async () => {
                   if (!rowyRun) return;
+                  snackLogContext.requestSnackLog();
                   rowyRun({
                     route: runRoutes.buildFunction,
                     body: {
diff --git a/src/components/TableHeader/CloudLogs/BuildLogs/BuildLogsSnack.tsx b/src/components/TableHeader/CloudLogs/BuildLogs/BuildLogsSnack.tsx
index ed342f2b..e48321f0 100644
--- a/src/components/TableHeader/CloudLogs/BuildLogs/BuildLogsSnack.tsx
+++ b/src/components/TableHeader/CloudLogs/BuildLogs/BuildLogsSnack.tsx
@@ -118,6 +118,7 @@ export default function BuildLogsSnack({ onClose, onOpenPanel }) {
               aria-label="Expand"
               size="small"
               onClick={() => setExpanded(!expanded)}
+              style={{ color: "white" }}
             >
               {expanded ? <CollapseIcon /> : <ExpandIcon />}
             </IconButton>
@@ -135,13 +136,19 @@ export default function BuildLogsSnack({ onClose, onOpenPanel }) {
                   buildLogExpanded: 0,
                 });
               }}
+              style={{ color: "white" }}
             >
               <OpenIcon />
             </IconButton>
           </Tooltip>
 
           <Tooltip title="Close">
-            <IconButton aria-label="Close" size="small" onClick={onClose}>
+            <IconButton
+              aria-label="Close"
+              size="small"
+              onClick={onClose}
+              style={{ color: "white" }}
+            >
               <CloseIcon />
             </IconButton>
           </Tooltip>
diff --git a/src/components/TableHeader/Extensions/index.tsx b/src/components/TableHeader/Extensions/index.tsx
index 86a9cb6d..53f1ec05 100644
--- a/src/components/TableHeader/Extensions/index.tsx
+++ b/src/components/TableHeader/Extensions/index.tsx
@@ -76,8 +76,8 @@ export default function Extensions() {
   const handleSaveDeploy = async () => {
     handleSaveExtensions();
     try {
-      snackLogContext.requestSnackLog();
-      if (rowyRun)
+      if (rowyRun) {
+        snackLogContext.requestSnackLog();
         rowyRun({
           route: runRoutes.buildFunction,
           body: {
@@ -86,7 +86,8 @@ export default function Extensions() {
             tableConfigPath: tableState?.config.tableConfig.path,
           },
         });
-      analytics.logEvent("deployed_extensions");
+        analytics.logEvent("deployed_extensions");
+      }
     } catch (e) {
       console.error(e);
     }