Merge pull request #82 from taver-ca/dev-artist-gig-count

add gig count to artist choice list

src/ArtistChoiceList.js

@@ -1,27 +1,30 @@
 import React from 'react';
 import { List, ListItem, ListItemButton, ListItemAvatar, ListItemText, Avatar } from '@mui/material';
 
-const ArtistChoiceList = ({ artists, onArtistClick}) => {
-    return (
-        <List>
-            {artists.map((artist, index) => (
-                <ListItem key={index}>
-                <ListItemButton onClick={() => onArtistClick(artist)}>
-                  <ListItemAvatar>
-                    <Avatar                      
-                      alt={`${artist.name}`}
-                      src={`${artist.images[1].url}`}
-                    />
-                  </ListItemAvatar>
-                  <ListItemText
-                                primary={`${artist.name}`}
-                                ></ListItemText>
-                </ListItemButton>
-              </ListItem>
-            ))}
-        </List>
-    );
+const ArtistChoiceList = ({ artists, onArtistClick }) => {
+  const text = { color: 'red' }
+  return (
+    <List>
+      {artists.map((artist, index) => (
+        <ListItem key={index}>
+          <ListItemButton onClick={() => onArtistClick(artist)}>
+            <ListItemAvatar>
+              <Avatar
+                alt={`${artist.name}`}
+                src={`${artist.images[1].url}`}
+              />
+            </ListItemAvatar>
+            <ListItemText
+
+              primary={`${artist.name}`}
+              secondary={`${artist.gigCount} Gig(s)`}
+              secondaryTypographyProps={{ style: text }}
+            ></ListItemText>
+          </ListItemButton>
+        </ListItem>
+      ))}
+    </List>
+  );
 };
 
 export default ArtistChoiceList;
-

src/ConcertList.js

@@ -105,7 +105,7 @@ class ConcertList extends React.Component {
                           this.props.artistWishlist.filter(
                             (artistWishlistItem) => {
                               return (
-                                artistWishlistItem.WishlistArtistId !=
+                                artistWishlistItem.WishlistArtistId !==
                                 concert.artistId
                               );
                             }