diff --git a/webapp/src/components/modals/ai_modal.tsx b/webapp/src/components/modals/ai_modal.tsx index d85cb7acc1..456df94672 100644 --- a/webapp/src/components/modals/ai_modal.tsx +++ b/webapp/src/components/modals/ai_modal.tsx @@ -52,7 +52,7 @@ const AIModal = ({playbookRunId, onAccept, onClose, isOpen}: Props) => { const intl = useIntl(); const [copied, setCopied] = useState(false); const [instruction, setInstruction] = useState(''); - const suggestionBox = useRef(); + const suggestionBox = useRef(null); const BotSelector = useBotSelector() as any; const useBotlist = useBotsLoaderHook() as any; const {bots, activeBot, setActiveBot} = useBotlist(); diff --git a/webapp/src/components/modals/update_run_status_modal.tsx b/webapp/src/components/modals/update_run_status_modal.tsx index cc128328fe..dfcdf5f987 100644 --- a/webapp/src/components/modals/update_run_status_modal.tsx +++ b/webapp/src/components/modals/update_run_status_modal.tsx @@ -566,9 +566,11 @@ const AiModalContainer = styled.div` box-shadow: var(--elevation-6); `; -const LastChangeSince = styled.div` +const LastChangeSince = styled.div<{disabled: boolean}>` display: flex; justify-content: space-between; + pointer-events: ${props => props.disabled ? 'none' : 'auto'}; + >div { margin: 24px 0 8px 0; }