Move poke__type css class into PokemonCard component

src/components/PokemonTypes/PokemonTypes.tsx

@@ -54,8 +54,8 @@ export interface PokemonTypesProps {
 
 const PokemonTypes = ({ types }: PokemonTypesProps) => {
   return (
-    // TODO: fix static typed poke__type css
-    <div className="poke__type">
+    // css is set in consumer
+    <>
       {types.map(type => (
         <Tooltip title={type} key={type} TransitionComponent={Zoom} arrow>
           <div className={`poke__type__bg ${type}`}>
@@ -63,7 +63,7 @@ const PokemonTypes = ({ types }: PokemonTypesProps) => {
           </div>
         </Tooltip>
       ))}
-    </div>
+    </>
   );
 };
 

src/features/Pokedex/PokemonCard/PokemonCard.tsx

@@ -67,7 +67,9 @@ export default function PokemonCard({
       </div>
       <div className="poke__name">
         <h3>{name}</h3>
-        <PokemonTypes types={types} />
+        <div className="poke__type">
+          <PokemonTypes types={types} />
+        </div>
       </div>
     </div>
   );