1 files changed, 17 insertions, 15 deletions

diff --git a/client/src/app/+signup/shared/signup-success.component.html b/client/src/app/+signup/shared/signup-success.component.html
index d66e8b568..c14889c72 100644
--- a/client/src/app/+signup/shared/signup-success.component.html
+++ b/client/src/app/+signup/shared/signup-success.component.html
@@ -1,20 +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>
-
-<div *ngIf="message" class="alert alert-success">
-  <p>{{ message }}</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 i18n *ngIf="requiresEmailVerification">
+    <strong>Check your emails</strong> to validate your account and complete your inscription.
   </p>
 
-  <p i18n>
-    To help moderators and other users to know <strong>who you are</strong>, don't forget to <a routerLink="/my-account/settings">set up your account profile</a> by adding an <strong>avatar</strong> and a <strong>description</strong>.
-  </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>
+      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>