- Add in the gender counts

src/app/features/plan/plan-pokemon/plan-pokemon.component.ts

@@ -45,8 +45,16 @@ interface PokemonStatusEvent {
           <div class="pokemon-info">
             <div class="pokemon-name">
               {{ this.representative_pokemon?.Name }}
-              <span *ngIf="this.representative_pokemon?.Form" class="form-name">
-                ({{ this.representative_pokemon?.Form }})
+              <span class="form-name">
+                <span *ngIf="this.pokemon_family?.Male">
+                  <img src="assets/images/Male_symbol_(fixed_width).svg" >: {{ this.pokemon_family.Male }}
+                </span>
+                <span *ngIf="this.pokemon_family?.Female">
+                <img src="assets/images/Venus_symbol_(fixed_width).svg" >: {{ this.pokemon_family.Female }}
+                </span>
+                <span *ngIf="this.pokemon_family?.Any">
+                <img src="assets/images/Male_and_female_sign.svg" >: {{ this.pokemon_family.Any }}
+                </span>
               </span>
             </div>
             

src/assets/images/Male_and_female_sign.svg

@@ -0,0 +1 @@
+<svg width="16" height="16" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg"><path style="fill:none;stroke:#000;stroke-width:.60000002;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" transform="translate(-.877 -.75)" d="M6 11.75V8.5m-1.25 1.75h2.5m.517-6.017L10.25 1.75m-1.77 0h1.77v1.77M8.5 6c0-.69-.28-1.314-.733-1.767A2.502 2.502 0 0 0 3.5 6c0 1.379 1.121 2.5 2.5 2.5S8.5 7.379 8.5 6Z"/></svg>

src/assets/images/Male_symbol_(fixed_width).svg

@@ -0,0 +1 @@
+<svg width="16" height="16" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg"><path style="fill:none;stroke:#000;stroke-width:.6;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" d="M7.28 7.22c0-.69-.28-1.315-.732-1.768A2.492 2.492 0 0 0 4.78 4.72a2.502 2.502 0 0 0-2.5 2.5 2.5 2.5 0 0 0 5 0zm.67-4.94h1.77v1.77M6.547 5.452l3.171-3.171"/></svg>

src/assets/images/Venus_symbol_(fixed_width).svg

@@ -0,0 +1 @@
+<svg width="16" height="16" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg"><path style="fill:none;stroke:#000;stroke-width:.6;stroke-miterlimit:4;stroke-dasharray:none;stroke-linejoin:round;stroke-linecap:round" d="M6 11V7M4 9h4m1-5a3 3 0 0 1-3 3 3 3 0 0 1-3-3 3 3 0 0 1 3-3 3 3 0 0 1 3 3Z"/></svg>