From 620e6f3eea5ebc9f6565e9d3e587d3aed38357b7 Mon Sep 17 00:00:00 2001
From: Emmanuel <demey.emmanuel@gmail.com>
Date: Sat, 3 Feb 2024 22:21:02 +0100
Subject: [PATCH] fix: solve issue with social media communicatino

---
 .../src/app/ui/social/social.component.html   | 72 +++++++++++++------
 1 file changed, 49 insertions(+), 23 deletions(-)

diff --git a/public/src/app/ui/social/social.component.html b/public/src/app/ui/social/social.component.html
index 6c031ee..58301a8 100644
--- a/public/src/app/ui/social/social.component.html
+++ b/public/src/app/ui/social/social.component.html
@@ -19,29 +19,31 @@
   </div>
 
   <mat-divider></mat-divider>
+  @if (
+    isAdmin || company.sponsoring === "Gold" || company.sponsoring === "Silver"
+  ) {
+    <div class="social-container-row">
+      <p>
+        Vous pouvez nous indiquer les comptes LinkedIN et X de votre société.
+        Ils seront utilisés par l'équipe pour les différentes communications
+        réalisées. Vous pouvez également indiquer les messages que vous
+        souhaitez voir publier sur les réseaux sociaux. Si vous n'avez pas
+        d'imagination, vous pouvez laisser l'équipe le faire pour vous. Dans ce
+        cas, seules les informations liées à vos profils LinkedIN et X nous sont
+        utiles.
+      </p>
 
-  <div class="social-container-row">
-    <p>
-      Vous pouvez également nous indiquer le message que vous souhaitez voir
-      publier sur les réseaux sociaux. Si vous n'avez pas d'imagination, vous
-      pouvez laisser l'équipe le faire pour vous. Dans ce cas, seules les
-      informations liées à vos profils LinkedIN et Twitter nous sont utiles.
-    </p>
-    <div class="social-fields">
-      <mat-form-field class="full-width">
-        <mat-label>Compte X (Twitter)</mat-label>
-        <input matInput type="text" [(ngModel)]="company.twitterAccount" />
-      </mat-form-field>
+      <div class="social-fields">
+        <mat-form-field class="full-width">
+          <mat-label>Compte X (Twitter)</mat-label>
+          <input matInput type="text" [(ngModel)]="company.twitterAccount" />
+        </mat-form-field>
+
+        <mat-form-field class="full-width">
+          <mat-label>Compte Linkedin</mat-label>
+          <input matInput type="text" [(ngModel)]="company.linkedinAccount" />
+        </mat-form-field>
 
-      <mat-form-field class="full-width">
-        <mat-label>Compte Linkedin</mat-label>
-        <input matInput type="text" [(ngModel)]="company.linkedinAccount" />
-      </mat-form-field>
-      @if (
-        isAdmin ||
-        company.sponsoring === "Platinium" ||
-        company.sponsoring === "Silver"
-      ) {
         <mat-checkbox [(ngModel)]="company.keepDevFestTeam"
           >Laissez l'équipe organisatrice écrire vos messages!</mat-checkbox
         >
@@ -57,9 +59,33 @@
           <mat-label>Message LinkedIN</mat-label>
           <textarea [(ngModel)]="company.linkedin" matInput></textarea>
         </mat-form-field>
-      }
+      </div>
     </div>
-  </div>
+  }
+
+  @if (
+    isAdmin ||
+    (company.sponsoring !== "Gold" && company.sponsoring !== "Silver")
+  ) {
+    <div class="social-container-row">
+      <p>
+        Vous pouvez nous indiquer les comptes LinkedIN et X de votre société.
+        Ils seront utilisés par l'équipe pour les différentes communications
+        réalisées.
+      </p>
+      <div class="social-fields">
+        <mat-form-field class="full-width">
+          <mat-label>Compte X (Twitter)</mat-label>
+          <input matInput type="text" [(ngModel)]="company.twitterAccount" />
+        </mat-form-field>
+
+        <mat-form-field class="full-width">
+          <mat-label>Compte Linkedin</mat-label>
+          <input matInput type="text" [(ngModel)]="company.linkedinAccount" />
+        </mat-form-field>
+      </div>
+    </div>
+  }
   <div class="social-container-row">
     <p>
       Vous pouvez également indiquer une petite description de votre société.