devil is in the details

DemocracyEarth · Jul 29, 2020 · 429aec8 · 429aec8
1 parent 6dbf2b3
commit 429aec8
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 8 deletions.
diff --git a/i18n/en.i18n.json b/i18n/en.i18n.json
@@ -907,5 +907,5 @@
   "memberships-account": "Memberships of {{account}}",
   "proposals-sidebar": "Recent Proposals",
   "memberships-sidebar": "Your Memberships",
-  "no-memberships-found": "None found"
+  "no-memberships-found": "No DAO memberships found."
 }
diff --git a/imports/ui/components/Item/Item.jsx b/imports/ui/components/Item/Item.jsx
@@ -70,6 +70,13 @@ export default class Item extends Component {
     return (this.state.inContext) ? this.state.icon.paperActive : this.state.icon.paper;
   }
 
+  getLabelStyle() {
+    if (this.props.children) {
+      return `sidebar-label sidebar-label-${this.props.children.type.name.toLowerCase()}`;
+    }
+    return 'sidebar-label';
+  }
+
   render() {
     if (this.props.hideEmpty && this.props.score === 0) return null;
     return (
@@ -81,7 +88,7 @@ export default class Item extends Component {
           :
           null
         }
-        <div className="sidebar-label">
+        <div className={this.getLabelStyle()}>
           {this.getLabel()}
         </div>
         <div className={this.getTagStyle()}>

diff --git a/imports/ui/components/Menu/Menu.jsx b/imports/ui/components/Menu/Menu.jsx
@@ -144,12 +144,6 @@ const MenuQuery = ({ account }) => {
     </div>
   );
 
-  console.log(`-0---Defualt maenu`);
-  console.log(defaultMenu);
-  console.log(_.where(defaultMenu.props.children));
-
-  console.log(`account: ${account}`);
-
   if (account !== defaults.EMPTY) {
     const { loading, error, data } = useQuery(gql(GET_MEMBERSHIPS.replace('{{memberAddress}}', account)));
 

diff --git a/public/templates/daoverse/css/extra.css b/public/templates/daoverse/css/extra.css
@@ -779,6 +779,11 @@ width: 1px;
   color: #bfb8c6;
 }
 
+.sidebar-label.sidebar-label-dao {
+  max-height: 33px;
+  margin-top: -3px;
+}
+
 .token-wrap.token-wrap-multi {
   margin-bottom:10px;
 }