From 682853715324039542679d225fb8018d6a973c84 Mon Sep 17 00:00:00 2001
From: Nilay Majorwar <nilaymajorwar@gmail.com>
Date: Mon, 27 Dec 2021 15:52:19 +0530
Subject: [PATCH] Fix hardcoded lang name in app header

---
 pages/ide/brainfuck.tsx | 2 +-
 pages/ide/deadfish.tsx  | 2 +-
 ui/header.tsx           | 4 ++--
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/pages/ide/brainfuck.tsx b/pages/ide/brainfuck.tsx
index 0f9545f..6206606 100644
--- a/pages/ide/brainfuck.tsx
+++ b/pages/ide/brainfuck.tsx
@@ -14,7 +14,7 @@ const IDE: NextPage = () => {
         <title>{LANG_NAME} | Esolang Park</title>
       </Head>
       <div style={{ height: "100%", display: "flex", flexDirection: "column" }}>
-        <Header />
+        <Header langName={LANG_NAME} />
         <div style={{ flexGrow: 1 }}>
           <Mainframe langName={LANG_ID} provider={LangProvider} />
         </div>
diff --git a/pages/ide/deadfish.tsx b/pages/ide/deadfish.tsx
index b47a630..836220d 100644
--- a/pages/ide/deadfish.tsx
+++ b/pages/ide/deadfish.tsx
@@ -14,7 +14,7 @@ const IDE: NextPage = () => {
         <title>{LANG_NAME} | Esolang Park</title>
       </Head>
       <div style={{ height: "100%", display: "flex", flexDirection: "column" }}>
-        <Header />
+        <Header langName={LANG_NAME} />
         <div style={{ flexGrow: 1 }}>
           <Mainframe langName={LANG_ID} provider={LangProvider} />
         </div>
diff --git a/ui/header.tsx b/ui/header.tsx
index 125bd5d..441b98c 100644
--- a/ui/header.tsx
+++ b/ui/header.tsx
@@ -2,7 +2,7 @@ import { Button, Card, Icon } from "@blueprintjs/core";
 import { GitHubIcon } from "./custom-icons";
 import { useDarkMode } from "./providers/dark-mode-provider";
 
-export const Header = () => {
+export const Header = ({ langName }: { langName: string }) => {
   const DarkMode = useDarkMode();
 
   const brandSection = (
@@ -14,7 +14,7 @@ export const Header = () => {
   );
 
   const langSection = (
-    <div style={{ flex: 0, textAlign: "center" }}>Brainfuck</div>
+    <div style={{ flex: 0, textAlign: "center" }}>{langName}</div>
   );
 
   const infoSection = (