Change <Button to <button in the DV summary.

- Update text
rsksmart · Jan 29, 2021 · 5d9466e · 5d9466e
1 parent e93efa6
commit 5d9466e
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/src/app/Dashboard/panels/DataVaultSummary.tsx b/src/app/Dashboard/panels/DataVaultSummary.tsx
@@ -1,7 +1,6 @@
 import React from 'react'
 import Panel from '../../../components/Panel/Panel'
 import datavaultIcon from '../../../assets/images/icons/data-vault.svg'
-import { BaseButton } from '../../../components/Buttons'
 import ProgressBar from '../../../components/ProgressBar/ProgressBar'
 import ToolTip from '../../../components/Tooltip/Tooltip'
 import { DataVaultStorageState } from '../../state/reducers/datavault'
@@ -22,7 +21,7 @@ const DataVaultSummary: React.FC<DataVaultSummaryInterface> = ({ storage, handle
           </ToolTip>
         </div>
         <div className="column">
-          <BaseButton onClick={handleButton} className="turquoise panel-button">DataVault</BaseButton>
+          <button className="link" style={{ marginTop: -10 }} onClick={handleButton}>View your DataVault</button>
         </div>
       </div>
     </Panel>

diff --git a/src/assets/scss/components/_button.scss b/src/assets/scss/components/_button.scss
@@ -75,3 +75,9 @@ button.small {
   padding: 5px 25px;
   font-size: 14px;
 }
+
+button.link {
+  color: $turquoise;
+  border: none;
+  background-color: transparent;
+}