Update ConversationPlaceHolder component

insulationman · Mar 8, 2024 · ed64ac4 · ed64ac4
1 parent b63b813
commit ed64ac4
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/src/ConversationPlaceHolder.tsx b/src/ConversationPlaceHolder.tsx
@@ -1,9 +1,11 @@
+import ChatGBG from "./assets/ChatGBG.svg";
+
 const ConversationPlaceHolder = () => {
   return (
-    <div>
-      <div className="flex justify-start p-4 border-2 border-gray-200 rounded-lg mb-4">
-        <p>Det finns inga meddelanden än</p>
-      </div>
+    <div className="flex flex-col items-center justify-center h-full">
+      <img src={ChatGBG} alt="chat person icon" className="h-20 mt-1" />
+      <p className="text-xs text-blue-400">ChatGBG</p>
+      <p>Du har ännu inte skrivit något till ChatGBG</p>
     </div>
   );
 };