diff --git a/src/App.tsx b/src/App.tsx
index dc63ee9..404ba4b 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -11,6 +11,7 @@ import Settings from './components/settings/Settings';
import NowPlayingView from './components/player/NowPlayingView';
import Player from './components/player/Player';
import Login from './components/settings/Login';
+import StarredView from './components/starred/StarredView';
const queryClient = new QueryClient();
@@ -39,7 +40,8 @@ const App = () => {
- Main route
+
+
diff --git a/src/components/layout/Layout.tsx b/src/components/layout/Layout.tsx
index f05a86d..083ac93 100644
--- a/src/components/layout/Layout.tsx
+++ b/src/components/layout/Layout.tsx
@@ -28,6 +28,9 @@ const Layout = ({ footer, children }: any) => {
case 'playlists':
route = '/playlists';
break;
+ case 'starred':
+ route = '/starred';
+ break;
case 'settings':
route = '/settings';
break;
diff --git a/src/components/layout/Sidebar.tsx b/src/components/layout/Sidebar.tsx
index f496f1d..419e10e 100644
--- a/src/components/layout/Sidebar.tsx
+++ b/src/components/layout/Sidebar.tsx
@@ -1,14 +1,6 @@
import React from 'React';
import classNames from 'classnames';
-import {
- Sidebar as Sb,
- Sidenav,
- Dropdown,
- Nav,
- Navbar,
- Icon,
- IconButton,
-} from 'rsuite';
+import { Sidebar as Sb, Sidenav, Dropdown, Nav, Icon } from 'rsuite';
import '../../styles/Sidebar.global.css';
const Sidebar = ({
@@ -33,13 +25,6 @@ const Sidebar = ({
sidebar__expander_false: expand === false,
});
- const iconStyles = {
- width: 56,
- height: 56,
- lineHeight: '56px',
- textAlign: 'center',
- };
-
return (