From 4b46ee3fa42141c269ca51e8bda01200f35be51a Mon Sep 17 00:00:00 2001
From: Eugen Ciur <eugen@papermerge.com>
Date: Sun, 20 Mar 2022 08:12:27 +0100
Subject: [PATCH] show pinned tags compoenent only if pinned tags exists
---
app/components/nav/sidebar.hbs | 36 ++++++++++++++++++----------------
app/components/nav/sidebar.js | 10 ++++++++++
2 files changed, 29 insertions(+), 17 deletions(-)
diff --git a/app/components/nav/sidebar.hbs b/app/components/nav/sidebar.hbs
index 7af7a15..2c1eaa6 100644
--- a/app/components/nav/sidebar.hbs
+++ b/app/components/nav/sidebar.hbs
@@ -21,23 +21,25 @@
<i class="fa fa-home me-2"></i>Home
</LinkTo>
</li>
- <li>
- <button class="btn btn-toggle rounded align-items-center text-white" data-bs-toggle="collapse" data-bs-target="#home-collapse" aria-expanded="false">
- Pinned tags
- </button>
- <div id="home-collapse" class="collapse">
- <ul class="list-unstyled px-3 mx-3 my-1">
- {{#each @pinned_tags as |pinned_tag|}}
- <li class="mb-2 pb-1">
- <Tag::Item
- @name={{pinned_tag.name}}
- @fg_color={{pinned_tag.fg_color}}
- @bg_color={{pinned_tag.bg_color}} />
- </li>
- {{/each}}
- </ul>
- </div>
- </li>
+ {{#if this.show_pinned_tags}}
+ <li>
+ <button class="btn btn-toggle rounded align-items-center text-white" data-bs-toggle="collapse" data-bs-target="#home-collapse" aria-expanded="false">
+ Pinned Tags
+ </button>
+ <div id="home-collapse" class="collapse">
+ <ul class="list-unstyled px-3 mx-3 my-1">
+ {{#each @pinned_tags as |pinned_tag|}}
+ <li class="mb-2 pb-1">
+ <Tag::Item
+ @name={{pinned_tag.name}}
+ @fg_color={{pinned_tag.fg_color}}
+ @bg_color={{pinned_tag.bg_color}} />
+ </li>
+ {{/each}}
+ </ul>
+ </div>
+ </li>
+ {{/if}}
<li>
<LinkTo
@route="authenticated.nodes"
diff --git a/app/components/nav/sidebar.js b/app/components/nav/sidebar.js
index ec91ffe..bfc5247 100644
--- a/app/components/nav/sidebar.js
+++ b/app/components/nav/sidebar.js
@@ -10,4 +10,14 @@ export default class SidebarComponent extends Component {
return tags.filter(tag => tag.pinned);
});
}
+
+ get show_pinned_tags() {
+ if (this.args.pinned_tags) {
+ if (this.args.pinned_tags.length > 0) {
+ return true;
+ }
+ }
+
+ return false;
+ }
}
--
GitLab