feat: connect questions to video

code100x · Sep 27, 2024 · 4ed5c36 · 4ed5c36
1 parent fb97511
commit 4ed5c36
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 15 deletions.
diff --git a/src/components/NewPostDialog.tsx b/src/components/NewPostDialog.tsx
@@ -61,7 +61,7 @@ export const NewPostDialog = () => {
       setVideoId('');
       setVideoTitle('');
       router.push(`/question/${data.slug}`);
-      setTags([]); 
+      setTags([]);
       handleOnCloseClick();
     },
     onError: (error) => {
@@ -96,19 +96,16 @@ export const NewPostDialog = () => {
       event.preventDefault();
       const formData = new FormData(formRef.current as HTMLFormElement);
       const tag = formData.get('tags')?.toString().trim().replace(/,+$/, '');
-  
+
       if (tag) {
-        setTags((prevTags) => [
-          ...prevTags,
-          tag
-        ]);
+        setTags((prevTags) => [...prevTags, tag]);
       }
       if (tagInputRef.current) {
         tagInputRef.current.value = '';
       }
     }
   };
-  
+
   const removeTag = (tag: string) => {
     setTags(tags.filter((t) => t !== tag));
   };
@@ -268,4 +265,4 @@ export const NewPostDialog = () => {
       </AnimatePresence>
     </Modal>
   );
-};
+};
diff --git a/src/components/Sidebar.tsx b/src/components/Sidebar.tsx
@@ -183,7 +183,10 @@ export function Sidebar({
 
   return (
     <>
-      <Button onClick={() => setSidebarOpen((s) => !s)} className="w-fit gap-2 xl:absolute">
+      <Button
+        onClick={() => setSidebarOpen((s) => !s)}
+        className="w-fit gap-2 xl:absolute"
+      >
         {sidebarOpen ? <X className="size-5" /> : <Menu className="size-5" />}
         <span>{sidebarOpen ? 'Hide Contents' : 'Show Contents'}</span>
       </Button>

diff --git a/src/components/posts/PostCard.tsx b/src/components/posts/PostCard.tsx
@@ -62,7 +62,7 @@ const PostCard: React.FC<IProps> = ({
 
   const router = useRouter();
 
-  const [isPending, startTransition] = useTransition(); 
+  const [isPending, startTransition] = useTransition();
 
   const { execute, fieldErrors } = useAction(createAnswer, {
     onSuccess: () => {
@@ -207,10 +207,12 @@ const PostCard: React.FC<IProps> = ({
             </p>
           )}
         </div>
-        <div className="flex items-center gap-2 sm:ml-auto sm:gap-2 md:ml-0 lg:ml-auto">
-          <Tag name={`lecture:${post.video.id}`} />
-          <Tag name={`${post.video.title}`} />
-        </div>
+        {post.video && (
+          <div className="flex items-center gap-2 sm:ml-auto sm:gap-2 md:ml-0 lg:ml-auto">
+            <Tag name={`lecture:${post.video.id}`} />
+            <Tag name={`${post.video.title}`} />
+          </div>
+        )}
       </div>
 
       {enableReply && (

diff --git a/src/components/posts/form/form-input.tsx b/src/components/posts/form/form-input.tsx
@@ -80,4 +80,4 @@ export const FormPostInput = forwardRef<HTMLInputElement, FormInputProps>(
   },
 );
 
-FormPostInput.displayName = 'FormPostInput';
+FormPostInput.displayName = 'FormPostInput';
-Original file line number
+Diff line change
@@ Expand Up @@
       },
     );
-    FormPostInput.displayName = 'FormPostInput';
+    FormPostInput.displayName = 'FormPostInput';