add Link to header bar in LobyPage
This commit is contained in:
parent
32e520a7dd
commit
25fa771254
@ -1,7 +1,7 @@
|
|||||||
import { CommonMancalaGame, MancalaGame } from 'mancala.js';
|
import { CommonMancalaGame, MancalaGame } from 'mancala.js';
|
||||||
import * as React from 'react';
|
import * as React from 'react';
|
||||||
import { FunctionComponent, useEffect } from 'react';
|
import { FunctionComponent, useEffect } from 'react';
|
||||||
import { useNavigate } from 'react-router-dom';
|
import { Link, useNavigate } from 'react-router-dom';
|
||||||
import Center from '../components/Center';
|
import Center from '../components/Center';
|
||||||
import CircularPanel from '../components/CircularPanel';
|
import CircularPanel from '../components/CircularPanel';
|
||||||
import HeaderBar from '../components/headerbar/HeaderBar';
|
import HeaderBar from '../components/headerbar/HeaderBar';
|
||||||
@ -49,8 +49,12 @@ const LobyPage: FunctionComponent<{
|
|||||||
<PageContainer theme={theme!}>
|
<PageContainer theme={theme!}>
|
||||||
<HeaderBar color={theme?.appBarBgColor}>
|
<HeaderBar color={theme?.appBarBgColor}>
|
||||||
<Row>
|
<Row>
|
||||||
|
<Link style={{ textDecoration: 'none' }} to={"/"}>
|
||||||
<HeaderbarIcon />
|
<HeaderbarIcon />
|
||||||
|
</Link>
|
||||||
|
<Link style={{ textDecoration: 'none' }} to={"/"}>
|
||||||
<HeaderbarTitle title={context.texts.Mancala} color={textColorOnAppBar} />
|
<HeaderbarTitle title={context.texts.Mancala} color={textColorOnAppBar} />
|
||||||
|
</Link>
|
||||||
</Row>
|
</Row>
|
||||||
<Row>
|
<Row>
|
||||||
<ThemeSwitchMenu context={context} textColor={textColorOnAppBar} />
|
<ThemeSwitchMenu context={context} textColor={textColorOnAppBar} />
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user