From 2cc28dd77b4d909458d63bbb30851640db10dcda Mon Sep 17 00:00:00 2001
From: C4 Patino <c4patino@gmail.com>
Date: Tue, 23 Aug 2022 20:18:29 -0500
Subject: [PATCH] Removed concat from Buffet

---
 client/src/containers/Buffet.jsx | 95 +++++++++++++++-----------------
 1 file changed, 45 insertions(+), 50 deletions(-)

diff --git a/client/src/containers/Buffet.jsx b/client/src/containers/Buffet.jsx
index 4eeebb1..dd4e1a1 100644
--- a/client/src/containers/Buffet.jsx
+++ b/client/src/containers/Buffet.jsx
@@ -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>
+  );
 }