Merge branch 'release/4.2.0' into develop

[github/Chocobozzz/PeerTube.git] / client / src / app / +signup / shared / signup-success.component.html

diff --git a/client/src/app/+signup/shared/signup-success.component.html b/client/src/app/+signup/shared/signup-success.component.html
index 71f01897d01fe8b9f7e988481ec72641ca35c539..c14889c72e3e47fbf6ef6aefad70f17f0e2d5d16 100644 (file)
--- a/client/src/app/+signup/shared/signup-success.component.html
+++ b/client/src/app/+signup/shared/signup-success.component.html
@@ -1,16 +1,22 @@
-<!-- Thanks: Amit Singh Sansoya from https://codepen.io/amit3200/pen/zWMJOO -->
+<my-signup-step-title mascotImageName="success" i18n>
+  <strong>Welcome</strong>
+  <div>on {{ instanceName }}</div>
+</my-signup-step-title>
 
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 130.2 130.2">
-  <circle class="path circle" fill="none" stroke="#73AF55" stroke-width="6" stroke-miterlimit="10" cx="65.1" cy="65.1" r="62.1"/>
-  <polyline class="path check" fill="none" stroke="#73AF55" stroke-width="6" stroke-linecap="round" stroke-miterlimit="10" points="100.2,40.2 51.5,88.8 29.8,67.5 "/>
-</svg>
+<div class="alert pt-alert-primary">
+  <p i18n>Your account has been created!</p>
 
-<p i18n class="bottom-message">Welcome to PeerTube!</p>
+  <p i18n *ngIf="requiresEmailVerification">
+    <strong>Check your emails</strong> to validate your account and complete your inscription.
+  </p>
 
-<div *ngIf="message" class="alert alert-success">
-  <p>{{ message }}</p>
+  <ng-container *ngIf="!requiresEmailVerification">
+    <p i18n>
+      If you need help to use PeerTube, you can have a look at the <a class="link-orange" href="https://docs.joinpeertube.org/use-setup-account" target="_blank" rel="noopener noreferrer">documentation</a>.
+    </p>
 
-  <p i18n>
-    If you need help to use PeerTube, you can have a look at the <a href="https://docs.joinpeertube.org/#/use-setup-account" target="_blank" rel="noopener noreferrer">documentation</a>.
-  </p>
+    <p i18n>
+      To help moderators and other users to know <strong>who you are</strong>, don't forget to <a class="link-orange" routerLink="/my-account/settings">set up your account profile</a> by adding an <strong>avatar</strong> and a <strong>description</strong>.
+    </p>
+  </ng-container>
 </div>