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 ( - - - Tracks - - - - - - - ) -} - 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 && }
)