From 25fa771254d0d3b5893b805a8fdbcc5c2755df79 Mon Sep 17 00:00:00 2001
From: Halit Aksoy <jhalitaksoy@gmail.com>
Date: Sun, 31 Jul 2022 00:58:45 +0300
Subject: [PATCH] add Link to header bar in LobyPage

---
 src/routes/LobyPage.tsx | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/routes/LobyPage.tsx b/src/routes/LobyPage.tsx
index 386f13e..c20ae89 100644
--- a/src/routes/LobyPage.tsx
+++ b/src/routes/LobyPage.tsx
@@ -1,7 +1,7 @@
 import { CommonMancalaGame, MancalaGame } from 'mancala.js';
 import * as React 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 CircularPanel from '../components/CircularPanel';
 import HeaderBar from '../components/headerbar/HeaderBar';
@@ -49,8 +49,12 @@ const LobyPage: FunctionComponent<{
         <PageContainer theme={theme!}>
             <HeaderBar color={theme?.appBarBgColor}>
                 <Row>
-                    <HeaderbarIcon />
-                    <HeaderbarTitle title={context.texts.Mancala} color={textColorOnAppBar} />
+                    <Link style={{ textDecoration: 'none' }} to={"/"}>
+                        <HeaderbarIcon />
+                    </Link>
+                    <Link style={{ textDecoration: 'none' }} to={"/"}>
+                        <HeaderbarTitle title={context.texts.Mancala} color={textColorOnAppBar} />
+                    </Link>
                 </Row>
                 <Row>
                     <ThemeSwitchMenu context={context} textColor={textColorOnAppBar} />