diff --git a/website/src/pages/api/messages/[id]/parent.ts b/website/src/pages/api/messages/[id]/parent.ts
index 05a69cfa..de6fbac6 100644
--- a/website/src/pages/api/messages/[id]/parent.ts
+++ b/website/src/pages/api/messages/[id]/parent.ts
@@ -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;
}
diff --git a/website/src/pages/messages/[id]/index.tsx b/website/src/pages/messages/[id]/index.tsx
index f0714e10..f1512d25 100644
--- a/website/src/pages/messages/[id]/index.tsx
+++ b/website/src/pages/messages/[id]/index.tsx
@@ -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 ;
}
- return <>
-
- Open Assistant
-
-
-
-
- {parent &&
- <>
- Parent
-
-
-
-
- }
- {message &&
- <>
- Message
-
-
-
-
- }
-
- {children && Array.isArray(children) && children.length > 0 &&
- <>
- Children
-
- {children.map((item, idx) =>
-
-
-
-
-
+ return (
+ <>
+
+ Open Assistant
+
+
+
+
+ {parent && (
+ <>
+
+ Parent
+
+
+
+
+
)}
-
-
- }
-
-
-}
+ {message && (
+ <>
+
+ Message
+
+
+
+
+
+ )}
+
+ {children && Array.isArray(children) && children.length > 0 && (
+ <>
+
+ Children
+
+
+ {children.map((item, idx) => (
+
+
+
+
+
+ ))}
+
+
+ )}
+
+
+ );
+};
-export default MessageDetail;
\ No newline at end of file
+export default MessageDetail;