+
+ )}
+
+
+ )}
+ 
+ {
+ const { value } = e.target;
+ setSearchValue(value);
+ }}
+ />
+ All
+
+ No posts available
+ ) : ( + users?.pages.map((page, index) => ( + (page?.documents ?? []).length > 0 ? ( ++ {user?.name} +
+ ) + } +
+ {
+ const { value } = e.target;
+ setSearchValue(value);
+ }}
+ />
+ All
+
+ No posts available
+ ) : ( + posts?.pages.map((page, index) => ( + (page?.documents ?? []).length > 0 ? ( +What's on your mind?
+ ++ {parseCaption(post?.caption)} +
++ {formatDateMathYearDay(post?.$createdAt || '')} +
+{post?.creator.name}
++ @{post?.creator.username} +
+ +
+
+
+ + {user?.name} +
+ ) + } + +@{user?.username}
+
+
+ )}
+
+ )}
+ bio : {user?.bio}
+{user?.posts.length} posts
+ {/*{user?.followers.length} followers
+{user?.following.length} following
*/} +0 followers
+0 following
+Add more
+ ) : ( +No saved post yet
+ ) + } + + ) + } + { + !save || save.length === 0 || isLoading && ( +No saved post yet
+
+
+ No likes yet
+No posts yet
+No saves yet
+
+ Click or drag photo to replace
+ + ) : ( +
+ PNG,JPG,SVG
+ ++ {post.creator.name} +
+ + )} +
+ {post.creator.name}
++ @{post.creator.username} . {formatDate(post.$createdAt)} +
++ {parseCaption(post.caption)} +
++ Top comments +
++ {formatDate(comment?.$createdAt)} +
++ {comment.comment} +
++ no result found +
+ ); + } + + return ( ++ Thank you for visiting Kochu-Media +
++ If you found my work helpful, consider giving it a star on GitHub. +
+ + โญ GitHub + +
+
+
+
+ 
+
+ 
+ + no result found +
+ ); + } + // console.log(searchedPost); + return ( ++ {body} +
+ ) +}) +FormMessage.displayName = "FormMessage" + +export { + useFormField, + Form, + FormItem, + FormLabel, + FormControl, + FormDescription, + FormMessage, + FormField, +} diff --git a/examples/apps/social-media/web/react-tailwind/kochu-media/src/components/ui/input.tsx b/examples/apps/social-media/web/react-tailwind/kochu-media/src/components/ui/input.tsx new file mode 100644 index 00000000..5af26b2c --- /dev/null +++ b/examples/apps/social-media/web/react-tailwind/kochu-media/src/components/ui/input.tsx @@ -0,0 +1,25 @@ +import * as React from "react" + +import { cn } from "@/lib/utils" + +export interface InputProps + extends React.InputHTMLAttributes