Fix hardcoded lang name in app header
This commit is contained in:
		@@ -14,7 +14,7 @@ const IDE: NextPage = () => {
 | 
				
			|||||||
        <title>{LANG_NAME} | Esolang Park</title>
 | 
					        <title>{LANG_NAME} | Esolang Park</title>
 | 
				
			||||||
      </Head>
 | 
					      </Head>
 | 
				
			||||||
      <div style={{ height: "100%", display: "flex", flexDirection: "column" }}>
 | 
					      <div style={{ height: "100%", display: "flex", flexDirection: "column" }}>
 | 
				
			||||||
        <Header />
 | 
					        <Header langName={LANG_NAME} />
 | 
				
			||||||
        <div style={{ flexGrow: 1 }}>
 | 
					        <div style={{ flexGrow: 1 }}>
 | 
				
			||||||
          <Mainframe langName={LANG_ID} provider={LangProvider} />
 | 
					          <Mainframe langName={LANG_ID} provider={LangProvider} />
 | 
				
			||||||
        </div>
 | 
					        </div>
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -14,7 +14,7 @@ const IDE: NextPage = () => {
 | 
				
			|||||||
        <title>{LANG_NAME} | Esolang Park</title>
 | 
					        <title>{LANG_NAME} | Esolang Park</title>
 | 
				
			||||||
      </Head>
 | 
					      </Head>
 | 
				
			||||||
      <div style={{ height: "100%", display: "flex", flexDirection: "column" }}>
 | 
					      <div style={{ height: "100%", display: "flex", flexDirection: "column" }}>
 | 
				
			||||||
        <Header />
 | 
					        <Header langName={LANG_NAME} />
 | 
				
			||||||
        <div style={{ flexGrow: 1 }}>
 | 
					        <div style={{ flexGrow: 1 }}>
 | 
				
			||||||
          <Mainframe langName={LANG_ID} provider={LangProvider} />
 | 
					          <Mainframe langName={LANG_ID} provider={LangProvider} />
 | 
				
			||||||
        </div>
 | 
					        </div>
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -2,7 +2,7 @@ import { Button, Card, Icon } from "@blueprintjs/core";
 | 
				
			|||||||
import { GitHubIcon } from "./custom-icons";
 | 
					import { GitHubIcon } from "./custom-icons";
 | 
				
			||||||
import { useDarkMode } from "./providers/dark-mode-provider";
 | 
					import { useDarkMode } from "./providers/dark-mode-provider";
 | 
				
			||||||
 | 
					
 | 
				
			||||||
export const Header = () => {
 | 
					export const Header = ({ langName }: { langName: string }) => {
 | 
				
			||||||
  const DarkMode = useDarkMode();
 | 
					  const DarkMode = useDarkMode();
 | 
				
			||||||
 | 
					
 | 
				
			||||||
  const brandSection = (
 | 
					  const brandSection = (
 | 
				
			||||||
@@ -14,7 +14,7 @@ export const Header = () => {
 | 
				
			|||||||
  );
 | 
					  );
 | 
				
			||||||
 | 
					
 | 
				
			||||||
  const langSection = (
 | 
					  const langSection = (
 | 
				
			||||||
    <div style={{ flex: 0, textAlign: "center" }}>Brainfuck</div>
 | 
					    <div style={{ flex: 0, textAlign: "center" }}>{langName}</div>
 | 
				
			||||||
  );
 | 
					  );
 | 
				
			||||||
 | 
					
 | 
				
			||||||
  const infoSection = (
 | 
					  const infoSection = (
 | 
				
			||||||
 
 | 
				
			|||||||
		Reference in New Issue
	
	Block a user