From 2e6b4e90f8f8cbef9b5b3d92bfb840160edde79c Mon Sep 17 00:00:00 2001
From: Vitalii Shpital <takur12345@gmail.com>
Date: Mon, 13 Sep 2021 16:45:35 +0300
Subject: [PATCH] web/satellite: add warning message to EncryptYourData
 component

Added warning copy to EncryptYourData component to let user know that this approach uses server-side encryption.

Change-Id: I864b8d5272e3d54a5ef0fafe464cd0e1ccaa9e83
---
 .../components/common/GeneratePassphrase.vue  | 33 +++++++++----------
 1 file changed, 16 insertions(+), 17 deletions(-)

diff --git a/web/satellite/src/components/common/GeneratePassphrase.vue b/web/satellite/src/components/common/GeneratePassphrase.vue
index 310af6763..eaf2f65b3 100644
--- a/web/satellite/src/components/common/GeneratePassphrase.vue
+++ b/web/satellite/src/components/common/GeneratePassphrase.vue
@@ -50,13 +50,12 @@
                 @setData="setPassphrase"
             />
         </div>
-        <div class="encrypt-container__save">
-            <h2 class="encrypt-container__save__title">Save your encryption passphrase</h2>
-            <p class="encrypt-container__save__msg">
-                Please note that Storj does not know or store your encryption passphrase. If you lose it, you will
-                not be able to recover your files.
+        <p class="encrypt-container__download" @click="onDownloadClick">Download as a text file</p>
+        <div class="encrypt-container__warning">
+            <h2 class="encrypt-container__warning__title">The object browser uses server side encryption.</h2>
+            <p class="encrypt-container__warning__msg">
+                If you want to use our product with only end-to-end encryption, you may want to use our command line solution.
             </p>
-            <p class="encrypt-container__save__download" @click="onDownloadClick">Download as a text file</p>
         </div>
         <div class="encrypt-container__buttons">
             <VButton
@@ -329,17 +328,25 @@ export default class GeneratePassphrase extends Vue {
             margin-top: 25px;
         }
 
-        &__save {
+        &__download {
+            font-family: 'font_bold', sans-serif;
+            font-size: 16px;
+            line-height: 19px;
+            color: #0068dc;
+            cursor: pointer;
+            margin: 20px 0;
+        }
+
+        &__warning {
             border: 1px solid #e6e9ef;
             border-radius: 10px;
             padding: 25px;
-            margin-top: 35px;
 
             &__title {
                 font-family: 'font_bold', sans-serif;
                 font-size: 16px;
                 line-height: 19px;
-                color: #1b2533;
+                color: #df1616;
                 margin-bottom: 10px;
             }
 
@@ -349,14 +356,6 @@ export default class GeneratePassphrase extends Vue {
                 color: #1b2533;
                 margin-bottom: 10px;
             }
-
-            &__download {
-                font-family: 'font_bold', sans-serif;
-                font-size: 16px;
-                line-height: 19px;
-                color: #0068dc;
-                cursor: pointer;
-            }
         }
 
         &__buttons {