diff --git a/daily-thought-frontend/src/components/post/LikeStack.tsx b/daily-thought-frontend/src/components/post/LikeStack.tsx new file mode 100644 index 0000000000000000000000000000000000000000..002f7ae468dbc094389ae8f433300a81ea393e0a --- /dev/null +++ b/daily-thought-frontend/src/components/post/LikeStack.tsx @@ -0,0 +1,40 @@ +import { User } from "@/types/user" +import { FC, PropsWithChildren } from "react" + +type LikeStackProps = { + Users: User[] +} + +const LikeStack:FC<PropsWithChildren<LikeStackProps>> = ({ + Users +}) => { + + return ( + <> + <div className="flex -space-x-1 overflow-hidden items-center"> + <img + className="inline-block h-6 w-6 rounded-full ring-2 ring-white" + src="https://images.unsplash.com/photo-1491528323818-fdd1faba62cc?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80" + alt="" + /> + <img + className="inline-block h-6 w-6 rounded-full ring-2 ring-white" + src="https://images.unsplash.com/photo-1550525811-e5869dd03032?ixlib=rb-1.2.1&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80" + alt="" + /> + <img + className="inline-block h-6 w-6 rounded-full ring-2 ring-white" + src="https://images.unsplash.com/photo-1500648767791-00dcc994a43e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2.25&w=256&h=256&q=80" + alt="" + /> + <img + className="inline-block h-6 w-6 rounded-full ring-2 ring-white" + src="https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80" + alt="" + /> + </div> + </> + ) +} + +export default LikeStack; \ No newline at end of file