added logo to header

PersonaFlow · Aug 30, 2024 · 882d97c · 882d97c
1 parent 873ed1e
commit 882d97c
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/ui/assets/PersonaFlowIcon-512.png b/ui/assets/PersonaFlowIcon-512.png
diff --git a/ui/src/components/features/header/components/header.tsx b/ui/src/components/features/header/components/header.tsx
@@ -3,12 +3,17 @@ import { Button } from "@/components/ui/button";
 import { AssistantSelector } from "../../build-panel/components/assistant-selector";
 import { useRouter } from "next/navigation";
 import { Plus } from "lucide-react";
+import PersonaFlowIcon from '../../../../../assets/PersonaFlowIcon-512.png'
+import Image from "next/image";
 
 export default function Header() {
   const router = useRouter()
   return (
     <div className="flex gap-2 m-2 justify-between">
-      <h1>[ personaflow ]</h1>
+      <div className="flex gap-4 items-center">
+      <Image className="rounded" src={PersonaFlowIcon} alt="PersonaFlow logo" width={40} height={40}/>
+        <h1>[ personaflow ]</h1>
+        </div>
       <div className="flex gap-2">
        <AssistantSelector />
         <Button