🔍️ Link store details page to store main page

likecoin · Dec 1, 2023 · 594de43 · 594de43
1 parent 2ee96d7
commit 594de43
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 4 deletions.
diff --git a/src/asset-library/views/LibraryDetails/LibraryDetails.jsx b/src/asset-library/views/LibraryDetails/LibraryDetails.jsx
@@ -414,6 +414,7 @@ export default class LibraryDetails extends React.Component {
                   t('MyLibraryDashboard:title') :
                   t('AssetStore:title')
                 }
+                textHref={this.props.route.isStore ? '/store' : '/asset'}
                 fluid
                 onClickIconButton={this.handleToggleCreateLibraryModal}
                 onClickText={this.handleClickSubNavBarText}

diff --git a/src/common/components/SubNavBar/SubNavBar.jsx b/src/common/components/SubNavBar/SubNavBar.jsx
@@ -10,7 +10,7 @@ import './SubNavBar.style.scss';
 
 function SubNavBar(props) {
   const {
-    fluid, icon, narrow, secondaryText, text,
+    fluid, icon, narrow, secondaryText, text, textHref,
   } = props;
   const className = classNames(props.className, { narrow });
   const titleClassName = classNames('title', {
@@ -19,7 +19,7 @@ function SubNavBar(props) {
   const id = 'sub-navbar';
   return (
     <Container {...{ id, className, fluid }}>
-      <span className={titleClassName} onClick={props.onClickText}>{text}</span>
+      <a href={textHref} className={titleClassName} onClick={(e) => { e.preventDefault(); props.onClickText(e); }}>{text}</a>
       {secondaryText && <span className="secondaryText">{`> ${secondaryText}`}</span>}
       {icon && <FlatButton icon={icon} onClick={props.onClickIconButton} />}
     </Container>
@@ -33,6 +33,7 @@ SubNavBar.propTypes = {
   narrow: PropTypes.bool,
   secondaryText: PropTypes.string,
   text: PropTypes.string,
+  textHref: PropTypes.string,
   onClickIconButton: PropTypes.func,
   onClickText: PropTypes.func,
 };
@@ -43,6 +44,7 @@ SubNavBar.defaultProps = {
   icon: undefined,
   narrow: false,
   text: '',
+  textHref: '#',
 };
 
 export default SubNavBar;
diff --git a/src/common/components/SubNavBar/SubNavBar.style.scss b/src/common/components/SubNavBar/SubNavBar.style.scss
@@ -15,13 +15,15 @@ $sub-navbar-narrow-height: 32px;
   border-bottom: 1px solid $light-grey-3;
   background-color: $pure-white;
 
-  span {
+  a, span {
     transition: font-size 0.15s ease-in-out;
 
     font-size: 32px;
     font-weight: 200;
     line-height: 50px;
 
+    text-decoration: inherit;
+
     &.secondaryText {
       padding: 0 padding(1/3);
     }
@@ -39,9 +41,10 @@ $sub-navbar-narrow-height: 32px;
     height: $sub-navbar-narrow-height;
     padding-top: #{$nav-bar-height + $sub-navbar-narrow-height};
 
-    span {
+    a, span {
       font-size: 16px;
       line-height: $sub-navbar-narrow-height;
+      text-decoration: inherit;
     }
   }