feat: create feed title component

tinkerhub · Nov 12, 2023 · 1168551 · 1168551
1 parent dbf9ec1
commit 1168551
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 0 deletions.
diff --git a/src/components/index.ts b/src/components/index.ts
@@ -3,6 +3,7 @@ import Input from "./interface/Input";
 import ActionButton from "./interface/ActionButton";
 import Navbar from "./interface/Navbar";
 import ScrollButtons from "./interface/ScrollButtons";
+import FeedTitle from "./interface/FeedTitle";
 
 // Pages components
 import Login from "./pages/Login";
@@ -17,8 +18,10 @@ export {
     ActionButton,
     Navbar,
     ScrollButtons,
+    FeedTitle,
     Login,
     Home,
     Feed,
     FeedLayout,
+
 };
diff --git a/src/components/interface/FeedTitle.tsx b/src/components/interface/FeedTitle.tsx
@@ -0,0 +1,20 @@
+import Circle from "../../assets/svgs/circle.svg";
+
+interface Props {
+    content: string;
+}
+
+function FeedTitle({ content }: Props) {
+    return (
+        <div className=" flex flex-col items-center justify-center mx-auto w-11/12">
+            <img
+                className="h-48 w-48 rounded-full mx-auto"
+                src={Circle}
+                alt="Circles"
+            />
+            <p className="text-2xl text-center">{content}</p>
+        </div>
+    );
+}
+
+export default FeedTitle;