From c34c784f237f5169dde37f73d839d9ecc2ad8bbe Mon Sep 17 00:00:00 2001
From: Dan <Quildra@gmail.com>
Date: Tue, 19 Nov 2024 08:42:04 +0000
Subject: [PATCH]  - Add in the gender counts

---
 .../plan/plan-pokemon/plan-pokemon.component.ts      | 12 ++++++++++--
 src/assets/images/Male_and_female_sign.svg           |  1 +
 src/assets/images/Male_symbol_(fixed_width).svg      |  1 +
 src/assets/images/Venus_symbol_(fixed_width).svg     |  1 +
 4 files changed, 13 insertions(+), 2 deletions(-)
 create mode 100644 src/assets/images/Male_and_female_sign.svg
 create mode 100644 src/assets/images/Male_symbol_(fixed_width).svg
 create mode 100644 src/assets/images/Venus_symbol_(fixed_width).svg

diff --git a/src/app/features/plan/plan-pokemon/plan-pokemon.component.ts b/src/app/features/plan/plan-pokemon/plan-pokemon.component.ts
index ad0ec91..4a87aa4 100644
--- a/src/app/features/plan/plan-pokemon/plan-pokemon.component.ts
+++ b/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>
             
diff --git a/src/assets/images/Male_and_female_sign.svg b/src/assets/images/Male_and_female_sign.svg
new file mode 100644
index 0000000..6620709
--- /dev/null
+++ b/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>
\ No newline at end of file
diff --git a/src/assets/images/Male_symbol_(fixed_width).svg b/src/assets/images/Male_symbol_(fixed_width).svg
new file mode 100644
index 0000000..7f03b15
--- /dev/null
+++ b/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>
\ No newline at end of file
diff --git a/src/assets/images/Venus_symbol_(fixed_width).svg b/src/assets/images/Venus_symbol_(fixed_width).svg
new file mode 100644
index 0000000..90d638b
--- /dev/null
+++ b/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>
\ No newline at end of file