fix my jam track filtering

jam-ui/src/components/jamtracks/JKMyJamTracks.js

@@ -29,9 +29,9 @@ const JKMyJamTracks = () => {
     setInputValue(val);
   };
 
-  useEffect(() => {
-    dispatch(fetchMyJamTracks());
-  }, []);
+  // useEffect(() => {
+  //   dispatch(fetchMyJamTracks());
+  // }, []);
 
   useEffect(() => {
     const getMyJamTracks = setTimeout(async () => {
@@ -54,7 +54,7 @@ const JKMyJamTracks = () => {
 
   useEffect(() => {
     if (isIntersecting) {
-      if (nextPage && loadingStatus !== 'loading' && nextPage !== 1) {
+      if (nextPage && loadingStatus !== 'loading') {
         const params = { page: nextPage, search: inputValue };
         fetchJamTracks(params);
       }
@@ -95,23 +95,18 @@ const JKMyJamTracks = () => {
           </div>
         </FormGroup>
         <div style={containerStyle} ref={containerRef}>
-          {loadingStatus === 'loading' ? (
-            <div className="d-flex justify-content-center"> Loading... </div>
-          ) : loadingStatus === 'failed' ? (
-            <div className="d-flex justify-content-center"> Error loading jam tracks </div>
-          ) : loadingStatus === 'succeeded' ? (
-            <ListGroup className="mt-1" data-testid="myJamTrackList">
-              {jamTracks &&
-                jamTracks.map((jamTrack, index) => (
-                  <div key={jamTrack.id} ref={ref => (jamTracks.length - 1 === index ? setLastJamTrackRef(ref) : null)}>
-                    <ListGroupItem>
-                      <Link to={`/jamtracks/${jamTrack.id}`}>{jamTrack.name}</Link>
-                      {jamTrack.original_artist && ` by ${jamTrack.original_artist}`}
-                    </ListGroupItem>
-                  </div>
-                ))}
-            </ListGroup>
-          ) : null}
+          <ListGroup className="mt-1" data-testid="myJamTrackList">
+            {jamTracks &&
+              jamTracks.map((jamTrack, index) => (
+                <div key={jamTrack.id} ref={ref => (jamTracks.length - 1 === index ? setLastJamTrackRef(ref) : null)}>
+                  <ListGroupItem>
+                    <Link to={`/jamtracks/${jamTrack.id}`}>{jamTrack.name}</Link>
+                    {jamTrack.original_artist && ` by ${jamTrack.original_artist}`}
+                  </ListGroupItem>
+                </div>
+              ))}
+          </ListGroup>
+          {loadingStatus === 'loading' && <div className="d-flex justify-content-center"> Loading... </div>}
         </div>
       </CardBody>
     </Card>