|
|
|
@ -1,16 +1,20 @@ |
|
|
|
|
import React, { useState, useEffect } from 'react'; |
|
|
|
|
import { ThemeProvider, CssBaseline, createMuiTheme, AppBar, Box } from '@material-ui/core'; |
|
|
|
|
import { ThemeProvider, CssBaseline, createMuiTheme, AppBar, Box, LinearProgress } from '@material-ui/core'; |
|
|
|
|
import { QueryElem, toApiQuery } from '../lib/query/Query'; |
|
|
|
|
import QueryBuilder from './querybuilder/QueryBuilder'; |
|
|
|
|
import * as serverApi from '../api'; |
|
|
|
|
import { SongTable } from './tables/ResultsTable'; |
|
|
|
|
import stringifyList from '../lib/stringifyList'; |
|
|
|
|
import { getArtists, getSongTitles, getAlbums, getTags } from '../lib/query/Getters'; |
|
|
|
|
import { grey } from '@material-ui/core/colors'; |
|
|
|
|
var _ = require('lodash'); |
|
|
|
|
|
|
|
|
|
const darkTheme = createMuiTheme({ |
|
|
|
|
palette: { |
|
|
|
|
type: 'dark' |
|
|
|
|
type: 'dark', |
|
|
|
|
primary: { |
|
|
|
|
main: grey[100], |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
@ -114,6 +118,7 @@ export default function Window(props: any) { |
|
|
|
|
songs={showResults} |
|
|
|
|
songGetters={songGetters} |
|
|
|
|
/> |
|
|
|
|
{loading && <LinearProgress />} |
|
|
|
|
</Box> |
|
|
|
|
</Box> |
|
|
|
|
|
|
|
|
|