From 5fdb48e28fdbadcc98253626e9e58ed639cada96 Mon Sep 17 00:00:00 2001
From: Matt Kirby <MattJKirby@outlook.com>
Date: Wed, 15 Mar 2023 14:11:19 +0000
Subject: [PATCH] Added basic likestack component
---
.../src/components/post/LikeStack.tsx | 40 +++++++++++++++++++
1 file changed, 40 insertions(+)
create mode 100644 daily-thought-frontend/src/components/post/LikeStack.tsx
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 00000000..002f7ae4
--- /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
--
GitLab