Sfoglia il codice sorgente

consider isSlackEnabled is false
when the value is undefined

kaori 3 anni fa
parent
commit
3dc1dc125a

+ 5 - 2
packages/app/src/components/PageEditor/EditorNavbarBottom.tsx

@@ -38,6 +38,9 @@ const EditorNavbarBottom = (props) => {
   const isSlackEnabledByDefault = (slackChannelsData != null && slackChannelsData.length > 0) || false;
   const isSlackEnabledByDefault = (slackChannelsData != null && slackChannelsData.length > 0) || false;
   const { data: isSlackEnabled, mutate: mutateIsSlackEnabled } = useSWRxIsSlackEnabled(isSlackEnabledByDefault);
   const { data: isSlackEnabled, mutate: mutateIsSlackEnabled } = useSWRxIsSlackEnabled(isSlackEnabledByDefault);
 
 
+  console.log({ isSlackEnabledByDefault });
+  console.log({ isSlackEnabled });
+
   const [slackChannelsStr, setSlackChannelsStr] = useState<string>('');
   const [slackChannelsStr, setSlackChannelsStr] = useState<string>('');
 
 
   useEffect(() => {
   useEffect(() => {
@@ -118,7 +121,7 @@ const EditorNavbarBottom = (props) => {
           ) : (
           ) : (
             <div className="mr-2">
             <div className="mr-2">
               <SlackNotification
               <SlackNotification
-                isSlackEnabled={isSlackEnabled}
+                isSlackEnabled={isSlackEnabled || false}
                 slackChannels={slackChannelsStr}
                 slackChannels={slackChannelsStr}
                 onEnabledFlagChange={isSlackEnabledToggleHandler}
                 onEnabledFlagChange={isSlackEnabledToggleHandler}
                 onChannelChange={slackChannelsChangedHandler}
                 onChannelChange={slackChannelsChangedHandler}
@@ -126,7 +129,7 @@ const EditorNavbarBottom = (props) => {
               />
               />
             </div>
             </div>
           ))}
           ))}
-          <SavePageControls slackChannels={slackChannelsStr} isSlackEnabled={isSlackEnabled} />
+          <SavePageControls slackChannels={slackChannelsStr} isSlackEnabled={isSlackEnabled || false} />
           { isCollapsedOptionsSelectorEnabled && renderExpandButton() }
           { isCollapsedOptionsSelectorEnabled && renderExpandButton() }
         </form>
         </form>
       </div>
       </div>