add modal for buy subscription

Author: Awakich

projects/skills/src/app/subscription/subscription.component.html

@@ -37,6 +37,20 @@
     </div>
   </app-modal>
 
+  <app-modal [open]="isSubscribedModalOpen()" (openChange)="isSubscribedModalOpen.set(false)">
+    <div class="cancel">
+      <i
+        (click)="isSubscribedModalOpen.set(false)"
+        appIcon
+        icon="cross"
+        class="cancel__cross"
+        style="color: var(--black)"
+      ></i>
+      <p class="cancel__title" style="color: var(--black)">У вас уже есть активная подписка!</p>
+      <img alt="wave" src="assets/images/subscription/wave.svg" class="cancel__wave" />
+    </div>
+  </app-modal>
+
   <div class="subscription__types">
     <div class="subscription__title">Виды подписок</div>
 

projects/skills/src/app/subscription/subscription.component.ts

@@ -27,12 +27,16 @@ export class SubscriptionComponent implements OnInit, OnDestroy {
   profileService = inject(ProfileService);
   subscriptionService = inject(SubscriptionPlansService);
 
+  isSubscribedModalOpen = signal(false);
+
   subscriptions = signal<SubscriptionPlan[]>([]);
   subscriptionData = toSignal<SubscriptionData>(
     this.route.data.pipe(map(r => r["subscriptionData"]))
   );
 
-  subscriptionType = signal(null);
+  isSubscribed = toSignal<SubscriptionData>(
+    this.route.data.pipe(map(r => r["subscriptionData"].isSubscribed))
+  );
 
   subscription: Subscription[] = [];
 
@@ -116,8 +120,12 @@ export class SubscriptionComponent implements OnInit, OnDestroy {
   }
 
   onBuyClick(planId: SubscriptionPlan["id"]) {
-    this.subscriptionService.buySubscription(planId).subscribe(status => {
-      location.href = status.confirmation.confirmationUrl;
-    });
+    if (!this.isSubscribed()) {
+      this.subscriptionService.buySubscription(planId).subscribe(status => {
+        location.href = status.confirmation.confirmationUrl;
+      });
+    } else {
+      this.isSubscribedModalOpen.set(true);
+    }
   }
 }

projects/social_platform/src/app/office/onboarding/stage-one/stage-one.component.ts

@@ -57,8 +57,8 @@ export class OnboardingStageOneComponent implements OnInit, OnDestroy {
 
   tooltipAuthText =
     "Дизайнер, веб-разработчик, инженер? Определяйся и пиши тем, кем хотел бы стать или уже стал P.S. Дальше можно будет изменить выбор";
-  
-    tooltipLibText =
+
+  tooltipLibText =
     "Это наша база со всеми специальностями. Если не найдешь свою пиши в @procollab_support и мы обязательно добавим твою профессию и ты получишь +респект";
 
   isHintAuthVisible = false;

projects/social_platform/src/app/office/onboarding/stage-two/stage-two.component.ts

@@ -64,8 +64,8 @@ export class OnboardingStageTwoComponent implements OnInit, OnDestroy {
 
   tooltipAuthText =
     "Постарайся вспомнить все, чему тебя учили и то, что ты делал (читать, считать, программировать) Постарайся не врать, но и не будь сильно критичным к себе.";
-  
-    tooltipLibText =
+
+  tooltipLibText =
     "База с навыками, которая может пополняться благодаря тебе! Если не найдешь свой навык, смело пиши на @procollab_support и мы добавим твой уникальный навык";
 
   isHintAuthVisible = false;

projects/social_platform/src/app/office/onboarding/stage-zero/stage-zero.component.ts

@@ -163,28 +163,28 @@ export class OnboardingStageZeroComponent implements OnInit, OnDestroy {
 
   tooltipPhotoText =
     "Идеальная фотография для резюме: свежая, с твоим лицом, хорошо различимым на нейтральном фоне (котиков мы конечно любим, но их не в этот раз)";
-  
-    tooltipCityText = "Напиши город, в котором ты сейчас живешь";
-  
+
+  tooltipCityText = "Напиши город, в котором ты сейчас живешь";
+
   tooltipEducationText =
     "Заполни информацию о том, что ты изучал. Даже если это трехнедельный интенсив по созданию роликов — для резюме важна каждая деталь";
-  
-    tooltipEducationDescriptionText =
+
+  tooltipEducationDescriptionText =
     "Мат. вертикаль, прикладная информатика, биотехнологии — комментарии излишни, просто пиши!";
-  
-    tooltipWorkText =
+
+  tooltipWorkText =
     "Укажи свой опыт. Разработка бота для школы, дизайн сайта для родительского бизнеса — любой опыт, которая оценила какая-либо организация — твой ключ к первой работе.";
-  
-    tooltipWorkNameText =
+
+  tooltipWorkNameText =
     "Укажи название организации, которая оценивала/принимала твою работу (ту самую школу, для которой ты делал бота)";
-  
-    tooltipWorkDescriptionText =
+
+  tooltipWorkDescriptionText =
     "В свободной форме расскажи, чем занимался в рамках рабочего опыта (смотрел рилсы, двигал пиксели, зарабатывал деньги) P.S. Шутка";
-  
-    tooltipAchievementsText =
+
+  tooltipAchievementsText =
     "Кенгуру, медвежонок, а может победа во всероссийском акселераторе технологических проектов? Твоему будущему работодателю надо видеть, что ты самый активный!";
-  
-    tooltipLanguageText =
+
+  tooltipLanguageText =
     "Вот и понадобились те самые много лет школьной программы английского, французского, китайского, а может и японского — рассказывай все!";
 
   isHintPhotoVisible = false;