From fbd813b945b84ff9329faf15fab6bef1e040e44e Mon Sep 17 00:00:00 2001
From: djmil <andriy@djmil.dev>
Date: Fri, 27 Oct 2023 12:37:28 +0200
Subject: [PATCH] front: name GameHeader into GameView

---
 .../src/components/Game/{GameHeader.css => GameView.css}  | 8 ++++----
 .../src/components/Game/{GameHeader.jsx => GameView.jsx}  | 6 +++---
 webapp/src/components/Game/index.jsx                      | 4 ++--
 3 files changed, 9 insertions(+), 9 deletions(-)
 rename webapp/src/components/Game/{GameHeader.css => GameView.css} (83%)
 rename webapp/src/components/Game/{GameHeader.jsx => GameView.jsx} (75%)

diff --git a/webapp/src/components/Game/GameHeader.css b/webapp/src/components/Game/GameView.css
similarity index 83%
rename from webapp/src/components/Game/GameHeader.css
rename to webapp/src/components/Game/GameView.css
index 51a7ea4..29f4839 100644
--- a/webapp/src/components/Game/GameHeader.css
+++ b/webapp/src/components/Game/GameView.css
@@ -1,4 +1,4 @@
-.game-header {
+.game-view {
     margin-bottom: 10px;
     background-color: lightgrey;
     width: 100%;
@@ -7,7 +7,7 @@
     color: black;
 }
 
-.game-header a {
+.game-view a {
     color:darkgrey;
     text-decoration: none;
     transition: .25s ease;
@@ -15,7 +15,7 @@
     margin-right: 5px;
 }
 
-.game-header .active {
+.game-view .active {
     color: white;
     border-radius: 2px;
     background-color: cadetblue;
@@ -24,7 +24,7 @@
     padding-bottom: 8px;
 }
 
-.game-header a:hover:not(.active) {
+.game-view a:hover:not(.active) {
     color: cadetblue; 
     box-shadow: 0 1.5px 0 0 currentColor;
 }
\ No newline at end of file
diff --git a/webapp/src/components/Game/GameHeader.jsx b/webapp/src/components/Game/GameView.jsx
similarity index 75%
rename from webapp/src/components/Game/GameHeader.jsx
rename to webapp/src/components/Game/GameView.jsx
index b2ae0b1..7930edf 100644
--- a/webapp/src/components/Game/GameHeader.jsx
+++ b/webapp/src/components/Game/GameView.jsx
@@ -1,11 +1,11 @@
-import './GameHeader.css';
+import './GameView.css';
 import React from 'react';
 import { NavLink } from "react-router-dom";
 
-export default function GameHeader() {
+export default function GameView() {
 
   return (
-    <nav className='game-header'>
+    <nav className='game-view'>
       <NavLink to="/game/new">New</NavLink>
       <NavLink to="/game/proposal">Proposal</NavLink>
       <NavLink to="/game/active">Active</NavLink>
diff --git a/webapp/src/components/Game/index.jsx b/webapp/src/components/Game/index.jsx
index e551414..947b258 100644
--- a/webapp/src/components/Game/index.jsx
+++ b/webapp/src/components/Game/index.jsx
@@ -1,6 +1,6 @@
 import './index.css';
 import React from 'react';
-import GameHeader from './GameHeader'
+import GameView from './GameView'
 import GameSelector from './GameSelector'
 import GameAction from './GameAction'
 import GameBoard from './GameBoard'
@@ -11,7 +11,7 @@ export default function Game() {
   return (
     <div className="split">
       <div className='split left'>
-        <GameHeader />
+        <GameView />
         <GameSelector />
         <NewGame />
       </div>