From 215b70ba6ef1c1d28af3cc27c7298272dcecf0e4 Mon Sep 17 00:00:00 2001
From: Martina <martinalong10@gmail.com>
Date: Sun, 28 Feb 2021 15:14:17 -0800
Subject: [PATCH] fixed wording of announcement, fixed header not showing, and
 added missing dismiss button

---
 components/core/DataMeter.js                   |  2 +-
 components/core/DataMeterDetailed.js           |  2 +-
 components/system/components/GlobalCarousel.js | 11 +++++++++++
 components/system/components/Typography.js     |  1 +
 scenes/SceneArchive.js                         |  7 ++++++-
 scenes/SceneWallet.js                          | 12 ++++++------
 6 files changed, 26 insertions(+), 9 deletions(-)

diff --git a/components/core/DataMeter.js b/components/core/DataMeter.js
index 1cfab0c5..734750c0 100644
--- a/components/core/DataMeter.js
+++ b/components/core/DataMeter.js
@@ -102,7 +102,7 @@ export const DataMeter = (props) => {
         used
       </div>
       <DataMeterBar bytes={props.stats.bytes} maximumBytes={props.stats.maximumBytes} />
-      <div css={STYLES_NOTE}>50GB coming soon with email verification</div>
+      <div css={STYLES_NOTE}>50GB coming soon when we add email verification</div>
     </div>
   );
 };
diff --git a/components/core/DataMeterDetailed.js b/components/core/DataMeterDetailed.js
index acee8276..d83c6e67 100644
--- a/components/core/DataMeterDetailed.js
+++ b/components/core/DataMeterDetailed.js
@@ -172,7 +172,7 @@ export const DataMeterDetailed = (props) => {
         </div>
       </div>
 
-      <div css={STYLES_NOTE}>50GB coming soon with email verification</div>
+      <div css={STYLES_NOTE}>50GB coming soon when we add email verification</div>
       {props.buttons ? <div style={{ marginTop: 24 }}>{props.buttons}</div> : null}
     </div>
   );
diff --git a/components/system/components/GlobalCarousel.js b/components/system/components/GlobalCarousel.js
index c4fb04ad..abe05ae9 100644
--- a/components/system/components/GlobalCarousel.js
+++ b/components/system/components/GlobalCarousel.js
@@ -101,6 +101,12 @@ const STYLES_DISMISS_BOX = css`
   }
 `;
 
+const STYLES_MOBILE_ONLY = css`
+  @media (min-width: ${Constants.sizes.mobile}px) {
+    display: none;
+  }
+`;
+
 const STYLES_MOBILE_HIDDEN = css`
   @media (max-width: ${Constants.sizes.mobile}px) {
     display: none;
@@ -319,6 +325,11 @@ export class GlobalCarousel extends React.Component {
             <SVG.ChevronRight height="20px" />
           </span>
           {slide}
+          <span css={STYLES_MOBILE_ONLY}>
+            <div css={STYLES_DISMISS_BOX} onClick={this._handleClose}>
+              <SVG.Dismiss height="24px" />
+            </div>
+          </span>
           <span css={STYLES_MOBILE_HIDDEN}>
             {this.state.showSidebar ? (
               <div
diff --git a/components/system/components/Typography.js b/components/system/components/Typography.js
index 9c8924d0..5550ba70 100644
--- a/components/system/components/Typography.js
+++ b/components/system/components/Typography.js
@@ -227,6 +227,7 @@ const STYLES_P = css`
 `;
 
 export const P = (props) => {
+  console.log("inside p");
   return <div css={STYLES_P} {...props} />;
 };
 
diff --git a/scenes/SceneArchive.js b/scenes/SceneArchive.js
index 327424a7..3e875001 100644
--- a/scenes/SceneArchive.js
+++ b/scenes/SceneArchive.js
@@ -115,7 +115,7 @@ export default class SceneArchive extends React.Component {
       <ScenePage>
         <ScenePageHeader title="Filecoin">
           {/* Use this section to archive all of your data on to Filecoin through a storage deal. You
-          must have at last 100MB stored to make an archive storage deal. <br /> */}
+          must have at last 100MB stored to make an archive storage deal.  */}
         </ScenePageHeader>
 
         <SecondaryTabGroup
@@ -128,6 +128,11 @@ export default class SceneArchive extends React.Component {
           <React.Fragment>
             {this.state.tab === 0 ? (
               <React.Fragment>
+                <ScenePageHeader>
+                  Use this section to archive all of your data on to Filecoin through a storage
+                  deal. You must have at last 100MB stored to make an archive storage deal.
+                </ScenePageHeader>
+
                 <System.P style={{ marginTop: 24 }}>
                   Archive all of your data onto the Filecoin Network with a storage deal using your
                   default settings.
diff --git a/scenes/SceneWallet.js b/scenes/SceneWallet.js
index 82ada5b1..bfdd2949 100644
--- a/scenes/SceneWallet.js
+++ b/scenes/SceneWallet.js
@@ -125,12 +125,12 @@ export default class SceneWallet extends React.Component {
     return (
       <React.Fragment>
         <ScenePageHeader>
-          This is your receive only wallet address. You can deposit Filecoin to your address here.
-          You can not send Filecoin from this wallet to other people. Please read our{" "}
-          <a href="/terms" target="_blank">
-            terms of service
-          </a>{" "}
-          for more details.
+          {/* This is your receive only wallet address. You can deposit Filecoin to your address here.
+          You can not send Filecoin from this wallet to other people. Please read our [terms of
+          service](https://slate.host/terms) for more details. */}
+          This is your storage credit wallet address. Filecoin (FIL) in this wallet can be used for
+          making storage deals for your Slate files. You can not send FIL from this wallet to other
+          addresses. Please read our [terms of service](https://slate.host/terms) for more details.
         </ScenePageHeader>
 
         {networkViewer ? (