From 12dc8427aa4c8a025d034f298f6cd1915452c747 Mon Sep 17 00:00:00 2001
From: lukas <lukas.heiligenbrunner@gmail.com>
Date: Mon, 20 Dec 2021 17:10:34 +0100
Subject: [PATCH] fix invalid link to actor overview page add new start-header
 link to actor overview

---
 src/App.test.js                   | 2 +-
 src/App.tsx                       | 7 +++++++
 src/pages/ActorPage/ActorPage.tsx | 2 +-
 3 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/App.test.js b/src/App.test.js
index 704d591..fbad0a8 100644
--- a/src/App.test.js
+++ b/src/App.test.js
@@ -19,7 +19,7 @@ describe('<App/>', function () {
     it('are navlinks correct', function () {
         const wrapper = shallow(<App/>);
         wrapper.setState({password: false});
-        expect(wrapper.find('.navitem')).toHaveLength(4);
+        expect(wrapper.find('.navitem')).toHaveLength(5);
     });
 
     it('test render of password page', function () {
diff --git a/src/App.tsx b/src/App.tsx
index 3ca0d47..12cd7de 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -88,6 +88,13 @@ class App extends React.Component<{}, state> {
                     Categories
                 </NavLink>
 
+                <NavLink
+                    className={[style.navitem, themeStyle.navitem].join(' ')}
+                    to={'/media/actors'}
+                    activeStyle={{opacity: '0.85'}}>
+                    Actors
+                </NavLink>
+
                 {this.context.TVShowEnabled ? (
                     <NavLink
                         className={[style.navitem, themeStyle.navitem].join(' ')}
diff --git a/src/pages/ActorPage/ActorPage.tsx b/src/pages/ActorPage/ActorPage.tsx
index 0672228..42b39ca 100644
--- a/src/pages/ActorPage/ActorPage.tsx
+++ b/src/pages/ActorPage/ActorPage.tsx
@@ -37,7 +37,7 @@ export class ActorPage extends React.Component<Props, state> {
             <>
                 <PageTitle title={this.state.actor.Name} subtitle={this.state.data ? this.state.data.length + ' videos' : null}>
                     <span className={style.overviewbutton}>
-                        <Link to='/actors'>
+                        <Link to='/media/actors'>
                             <Button onClick={(): void => {}} title='Go to Actor overview' />
                         </Link>
                     </span>