From 2c9beef1e6e90d03ba9b78f8b983267452d58c63 Mon Sep 17 00:00:00 2001
From: Nilay Majorwar <nilaymajorwar@gmail.com>
Date: Thu, 27 Jan 2022 01:01:06 +0530
Subject: [PATCH] Add proper logo to header

---
 ui/assets/logo.png | Bin 0 -> 797 bytes
 ui/header.tsx      |   9 +++++++--
 2 files changed, 7 insertions(+), 2 deletions(-)
 create mode 100644 ui/assets/logo.png

diff --git a/ui/assets/logo.png b/ui/assets/logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..e390c522e6ef92822a6a38d4bea01504bc386e85
GIT binary patch
literal 797
zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE3?yBabR7dyEa{HEjtmSN`?>!lvVtU&J%W50
z7^>757#dm_7=8hT8eT9klo~KFyh>nTu$sZZAYL$MSD+10Vq<_$h%1n`u&|Jqm$$UE
zw6n8Qoc7t;+S<y>N<%|KPEJlqNl8jd%HG~yOG`^zTU%LKnVp@Tm6cUhRh5yEQA|us
zR8*9WjV&%N?%1(ohYueP2?=3hVmfl<2n!2KT3XtxSFis6|1T~s{_^F^%*@Q!uV2T;
z#zsX&y?F8B&6_u=si{dxNy*8{l9G~#4juaZ`Ez=D`p1tSKYaL*l9IyA%>4ZM^Nfs)
zn3$NOM~@yja3ClsNLpGtcE*86Ku0r{1o;IsI6S+N2I3@nySpfC&bDm;a@b2eeO=j~
zF-i#wt6H_WbO5DeJY5_^EKaYTe6y;_K)|h#Gt|&&3R9PZ%bKl8(F?CU{VTs_CQoAK
z{#U)llkJV$&rDj7*}uszJc7TJzht@Wd*Mv07wT93iWxXO7x*IZbpdP7h0F%Cfc}si
zpO;6rTsXOGil1cG={W&b*G%T#F^OHgopII7sq=20H;#E5`P3x)K;hn>ht!Y6>)2lZ
z$<2~@WaoCJl&6Jqt#8Z|S`DAqWC|zgw{~0$ljb<Ya!1<Z<0jEhrDta`)XBeJGI=lK
z#0Qcb1}F3%rDpnh8nFJ5?#Tb%sAYTOxYk0JOU*a-)rYL@G%lNesMN#zK*O$n$<>V0
zWEZM0_F}YrJS$=5nwz1T9`hUpJG~Bl+rj(FZ0;NGm{ye=e&1SlNQLN0`#xE)&(Y2G
zf}Cle(_PnE$==giE{W<4evke*on2CR_srb+`V$@%&D$O7%-itf`jz&p{_86rAG}jr
zR4%`E+2wctm)Sp9|Bum9R=?$;S62)$=v7NxBT7;dOH!?pi&B9UgOP!ek*<NEu8~=Y
vp`{fN8JlSv7+4t??6~{e1w}({eoAIqC2kET8=QXtH86O(`njxgN@xNA<#98`

literal 0
HcmV?d00001

diff --git a/ui/header.tsx b/ui/header.tsx
index 33a9f69..6239b5e 100644
--- a/ui/header.tsx
+++ b/ui/header.tsx
@@ -1,4 +1,6 @@
 import { Button, Card, Icon } from "@blueprintjs/core";
+import Image from "next/image";
+import logoImg from "./assets/logo.png";
 import { GitHubIcon } from "./custom-icons";
 import { useDarkMode } from "./providers/dark-mode-provider";
 
@@ -7,8 +9,11 @@ export const Header = ({ langName }: { langName: string }) => {
 
   const brandSection = (
     <div style={{ flex: 1, textAlign: "left" }}>
-      <Button minimal large icon={<Icon icon="code-block" intent="primary" />}>
-        Esolang Park
+      <Button minimal large>
+        <div style={{ display: "flex", alignItems: "center" }}>
+          <Image src={logoImg} width={20} height={20} />
+          <span style={{ marginLeft: 10 }}>Esolang Park</span>
+        </div>
       </Button>
     </div>
   );