wassname/Open-Assistant
1
0
Fork 0
mirror of https://github.com/wassname/Open-Assistant.git synced 2026-06-30 16:40:05 +08:00
Code Issues Packages Projects Releases Wiki Activity

pre-commit

Browse Source
This commit is contained in:
jojopirker
2023-01-06 11:55:31 +01:00
parent 1bd0336d27
commit a822db11a7
2 changed files with 57 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files
website/src/pages/api/messages/[id]/parent.ts
+3 -3
View File
@@ -11,8 +11,8 @@ const handler = async (req, res) => {
const { id } = req.query;
if(!id){
res.status(400).end()
if (!id) {
res.status(400).end();
return;
}
@@ -26,7 +26,7 @@ const handler = async (req, res) => {
const message = await messageRes.json();
if(!message.parent_id){
if (!message.parent_id) {
res.status(404).end();
return;
}
website/src/pages/messages/[id]/index.tsx
+54 -46
View File
@@ -11,8 +11,8 @@ import { LoadingScreen } from "src/components/Loading/LoadingScreen";
const MessageDetail = () => {
const bg = useColorModeValue("white", colors.dark.bg);
const router = useRouter()
const { id } = router.query
const router = useRouter();
const { id } = router.query;
/** State arrays of messages */
const [message, setMessage] = useState(null);
@@ -48,49 +48,57 @@ const MessageDetail = () => {
if (isLoading || isLoadingChildren || isLoadingParent) {
return <LoadingScreen text="Loading..." />;
}
return <>
<Head>
<title>Open Assistant</title>
<meta
name="description"
content="Conversational AI for everyone. An open source project to create a chat enabled GPT LLM run by LAION and contributors around the world."
/>
</Head>
<main>
<Container w='100%'>
{parent &&
<>
<Text align="center" fontSize='xl' pt="4">Parent</Text>
<Box my="3" bg={bg} rounded='lg' pb="4" px="4">
<MessageTableEntry item={parent} idx={1} />
</Box>
</>
}
{message &&
<>
<Text align="center" fontSize='xl'>Message</Text>
<Box my="3" bg={bg} rounded='lg'pb="4" px="4">
<MessageTableEntry item={message} idx={1} />
</Box>
</>
}
</Container>
{children && Array.isArray(children) && children.length > 0 &&
<>
<Text align="center" fontSize='xl'>Children</Text>
<HStack spacing={8} alignItems="start" justifyContent="center">
{children.map((item, idx) =>
<Box maxWidth="container.sm" flex="1" px="6" key={idx} >
<Box my="3" bg={bg} rounded='lg' pb="4" px="6" >
<MessageTableEntry item={item} idx={idx * 2} />
</Box>
</Box>
return (
<>
<Head>
<title>Open Assistant</title>
<meta
name="description"
content="Conversational AI for everyone. An open source project to create a chat enabled GPT LLM run by LAION and contributors around the world."
/>
</Head>
<main>
<Container w="100%">
{parent && (
<>
<Text align="center" fontSize="xl" pt="4">
Parent
</Text>
<Box my="3" bg={bg} rounded="lg" pb="4" px="4">
<MessageTableEntry item={parent} idx={1} />
</Box>
</>
)}
</HStack>
</>
}
</main>
</>
}
{message && (
<>
<Text align="center" fontSize="xl">
Message
</Text>
<Box my="3" bg={bg} rounded="lg" pb="4" px="4">
<MessageTableEntry item={message} idx={1} />
</Box>
</>
)}
</Container>
{children && Array.isArray(children) && children.length > 0 && (
<>
<Text align="center" fontSize="xl">
Children
</Text>
<HStack spacing={8} alignItems="start" justifyContent="center">
{children.map((item, idx) => (
<Box maxWidth="container.sm" flex="1" px="6" key={idx}>
<Box my="3" bg={bg} rounded="lg" pb="4" px="6">
<MessageTableEntry item={item} idx={idx * 2} />
</Box>
</Box>
))}
</HStack>
</>
)}
</main>
</>
);
};
export default MessageDetail;
export default MessageDetail;