c4patino/qoverflow
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Removed concat from Buffet

Browse source
This commit is contained in:
Ceferino Patino 2022-08-23 20:18:29 -05:00
commit 2cc28dd77b
1 changed files with 51 additions and 56 deletions
Download patch file Download diff file Expand all files Collapse all files

95
client/src/containers/Buffet.jsx
View file

@ -7,60 +7,55 @@ import { PaginatedList } from 'controllers';
import { searchQuestions } from 'services/questionsServices';
export default function Buffet() {
const [sort, setSort] = useState('');
const [loading, setLoading] = useState(true);
const [, setSearchParams] = useSearchParams();
const [sort, setSort] = useState('');
const [loading, setLoading] = useState(true);
const [, setSearchParams] = useSearchParams();
const getData = async ({ question_id }) => {
const { questions } = await searchQuestions({
sort,
});
const getData = async ({ question_id }) => {
const { questions } = await searchQuestions({
sort,
});
setLoading(() => false);
return questions;
};
setLoading(() => false);
return questions;
};
const handleSortChange = (_, value) => {
setSearchParams({ sort: value });
setSort(value);
};
const handleSortChange = (_, value) => {
setSearchParams({ sort: value });
setSort(value);
};
return (
<Box height='100%'>
<Box
style={{
width: '100%',
border: '3px lightGray solid',
textAlign: 'center',
padding: '1vh',
}}
>
<Typography variant='h3'>Top Questions</Typography>
return (
<Box height='100%'>
<Box
style={{
width: '100%',
border: '3px lightGray solid',
textAlign: 'center',
padding: '1vh',
}}
>
<Typography variant='h3'>Top Questions</Typography>
<Button
variant='contained'
style={{ marginTop: '1%' }}
component={Link}
to='questions/ask'
>
Ask A Question
</Button>
<Button variant='contained' style={{ marginTop: '1%' }} component={Link} to='questions/ask'>
Ask A Question
</Button>
<ToggleButtonGroup
color='primary'
value={sort}
exclusive
onChange={handleSortChange}
style={{ display: 'block', marginTop: '1%' }}
>
<ToggleButton value=''>Recent</ToggleButton>
<ToggleButton value='u'>Best</ToggleButton>
<ToggleButton value='uvc'>Interesting</ToggleButton>
<ToggleButton value='uvac'>Hot</ToggleButton>
</ToggleButtonGroup>
</Box>
{loading && <LoadingBar />}
<PaginatedList {...{ concat: true, Component: ListQuestion, getData }} />
</Box>
);
<ToggleButtonGroup
color='primary'
value={sort}
exclusive
onChange={handleSortChange}
style={{ display: 'block', marginTop: '1%' }}
>
<ToggleButton value=''>Recent</ToggleButton>
<ToggleButton value='u'>Best</ToggleButton>
<ToggleButton value='uvc'>Interesting</ToggleButton>
<ToggleButton value='uvac'>Hot</ToggleButton>
</ToggleButtonGroup>
</Box>
{loading && <LoadingBar />}
<PaginatedList {...{ Component: ListQuestion, getData }} />
</Box>
);
}