Mark/esolang
1
0
Fork 0
Code Issues Packages Activity

Fix hardcoded lang name in app header

Browse Source
This commit is contained in:
Nilay Majorwar 2021-12-27 15:52:19 +05:30
parent 3ace388d90
commit 6828537153
3 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
pages/ide/brainfuck.tsx
View File

@ -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>

2
pages/ide/deadfish.tsx
View File

@ -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>

4
ui/header.tsx
View File

@ -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 = (