diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index d2b1e0e..c705245 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -84,14 +84,19 @@ const App = connect((state) => ({login: state.login}))(function App({login}) {
{login ? (
- }>
-
-
-
-
-
-
-
+ <>
+
+ My Tracks
+
+ }>
+
+
+
+
+
+
+
+ >
) : (
diff --git a/frontend/src/pages/TracksPage.tsx b/frontend/src/pages/TracksPage.tsx
index bfc7b03..1cf68da 100644
--- a/frontend/src/pages/TracksPage.tsx
+++ b/frontend/src/pages/TracksPage.tsx
@@ -1,8 +1,8 @@
-import React from 'react'
+import React, {useCallback} from 'react'
import {connect} from 'react-redux'
-import {Button, Message, Item, Menu, Loader, Pagination, Icon} from 'semantic-ui-react'
+import {Button, Message, Item, Header, Loader, Pagination, Icon} from 'semantic-ui-react'
import {useObservable} from 'rxjs-hooks'
-import {Link, useHistory, useRouteMatch} from 'react-router-dom'
+import {Link} from 'react-router-dom'
import {of, from, concat} from 'rxjs'
import {map, switchMap, distinctUntilChanged} from 'rxjs/operators'
import _ from 'lodash'
@@ -12,33 +12,6 @@ import {Avatar, Page, StripMarkdown} from 'components'
import api from 'api'
import {useQueryParam} from 'query'
-function TracksPageTabs() {
- const history = useHistory()
-
- const onClick = React.useCallback(
- (e, data) => {
- history.push(data.name)
- },
- [history]
- )
-
- const isOwnTracksPage = Boolean(useRouteMatch('/my/tracks'))
-
- return (
-
- )
-}
-
function TrackList({privateTracks}: {privateTracks: boolean}) {
const [page, setPage] = useQueryParam('page', 1, Number)
@@ -147,10 +120,26 @@ export function TrackListItem({track, privateTracks = false}) {
)
}
+function UploadButton({navigate, ...props}) {
+ const onClick = useCallback(
+ (e) => {
+ e.preventDefault()
+ navigate()
+ },
+ [navigate]
+ )
+ return (
+
+ )
+}
+
const TracksPage = connect((state) => ({login: (state as any).login}))(function TracksPage({login, privateTracks}) {
return (
- {login ? : null}
+ {privateTracks ? 'My tracks' : 'Public tracks'}
+ {privateTracks && }
)