Properly use isDisabled

src/components/RefinePromptModal/CustomInstructionsInput.tsx

@@ -56,7 +56,6 @@ export const CustomInstructionsInput = ({
           minW="unset"
           size="sm"
           onClick={() => onSubmit()}
-          disabled={!instructions}
           variant={instructions ? "solid" : "ghost"}
           mr={4}
           borderRadius="8"

src/components/RefinePromptModal/RefinePromptModal.tsx

@@ -129,12 +129,10 @@ export const RefinePromptModal = ({
         <ModalFooter>
           <HStack spacing={4}>
             <Button
+              colorScheme="blue"
               onClick={replaceVariant}
               minW={24}
-              disabled={replacementInProgress || !refinedPromptFn}
-              _disabled={{
-                bgColor: "blue.500",
-              }}
+              isDisabled={replacementInProgress || !refinedPromptFn}
             >
               {replacementInProgress ? <Spinner boxSize={4} /> : <Text>Accept</Text>}
             </Button>

src/components/SelectModelModal/SelectModelModal.tsx

@@ -107,7 +107,7 @@ export const SelectModelModal = ({
               colorScheme="gray"
               onClick={getModifiedPromptFn}
               minW={24}
-              disabled={originalModel === selectedModel || modificationInProgress}
+              isDisabled={originalModel === selectedModel || modificationInProgress}
             >
               {modificationInProgress ? <Spinner boxSize={4} /> : <Text>Convert</Text>}
             </Button>
@@ -115,8 +115,7 @@ export const SelectModelModal = ({
               colorScheme="blue"
               onClick={replaceVariant}
               minW={24}
-              disabled={!convertedModel || replacementInProgress}
-              _disabled={{ bg: "blue.100", cursor: "not-allowed" }}
+              isDisabled={!convertedModel || modificationInProgress || replacementInProgress}
             >
               {replacementInProgress ? <Spinner boxSize={4} /> : <Text>Accept</Text>}
             </Button>