reset offset to 0 when getads is clicked. (#23)

CybersecurityForDemocracy · May 22, 2020 · 6daa8c4 · 6daa8c4
1 parent 4ee0d3d
commit 6daa8c4
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/src/App.js b/src/App.js
@@ -90,6 +90,7 @@ const AdScreener = (params) => {
   const [orderDirection, setOrderDirection] = useState({ selectedOption: params.orderDirections[0] });
   const numResultsToRequest = 20;
   const resultsOffset = useRef(0);
+  const resetOffset = () => { resultsOffset.current = 0 };
   const incermentOffset = (i) => { resultsOffset.current = resultsOffset.current + i };
   const decermentOffset = (i) => { if (resultsOffset.current >= i) {resultsOffset.current = resultsOffset.current - i }};
   const [showModal, setShowModal] = useState(false);
@@ -151,6 +152,11 @@ const AdScreener = (params) => {
     getAds();
   };
 
+  const getFirstPageOfAds = () => {
+    resetOffset();
+    getAds();
+  };
+
   return (
     <div className="App">
       <header className="App-header">
@@ -219,7 +225,7 @@ const AdScreener = (params) => {
           endDate={endDate}
           setEndDate={setEndDate}
         />
-        <Button variant="primary" onClick={getAds}>Get Ads</Button>
+        <Button variant="primary" onClick={getFirstPageOfAds}>Get Ads</Button>
       </div>
       <div className="App-ad-pane">
         {ads.map((ad) => (