alihan/OpenPipe-llm
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request #5 from corbt/loading

Browse Source 
Move loading indicators for output cells and autogenerate button
This commit is contained in:
arcticfly
2023-06-30 18:34:55 -07:00
committed by GitHub
parent c294fa361a ae9b37cf16
commit ed05be5638
2 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/OutputsTable/NewScenarioButton.tsx
View File

@@ -45,7 +45,7 @@ export default function NewScenarioButton() {
Add Scenario Add Scenario
</StyledButton> </StyledButton>
<StyledButton onClick={onAutogenerate}> <StyledButton onClick={onAutogenerate}>
<Icon as={autogenerating ? Spinner : BsPlus} boxSize={6} /> <Icon as={autogenerating ? Spinner : BsPlus} boxSize={6} mr={autogenerating ? 1 : 0} />
Autogenerate Scenario Autogenerate Scenario
</StyledButton> </StyledButton>
</HStack> </HStack>

4
src/components/OutputsTable/OutputCell.tsx
View File

@@ -1,6 +1,6 @@
import { api } from "~/utils/api"; import { api } from "~/utils/api";
import { type PromptVariant, type Scenario } from "./types"; import { type PromptVariant, type Scenario } from "./types";
import { Spinner, Text, Box } from "@chakra-ui/react"; import { Spinner, Text, Box, Center } from "@chakra-ui/react";
import { useExperiment } from "~/utils/hooks"; import { useExperiment } from "~/utils/hooks";
import { type CreateChatCompletionResponse } from "openai"; import { type CreateChatCompletionResponse } from "openai";
import SyntaxHighlighter from "react-syntax-highlighter"; import SyntaxHighlighter from "react-syntax-highlighter";
@@ -45,7 +45,7 @@ export default function OutputCell({
if (disabledReason) return <Text color="gray.500">{disabledReason}</Text>; if (disabledReason) return <Text color="gray.500">{disabledReason}</Text>;
if (output.isLoading) return <Spinner />; if (output.isLoading) return <Center h="100%" w="100%"><Spinner /></Center>;
if (!output.data) if (!output.data)
return <Text color="gray.500">Error retrieving output</Text>; return <Text color="gray.500">Error retrieving output</Text>;