{{
unreadCount
@@ -36,6 +36,8 @@ export default {
props: {
network: Object,
channel: Object,
+ active: Boolean,
+ isFiltering: Boolean,
},
computed: {
unreadCount() {
diff --git a/client/components/ChannelWrapper.vue b/client/components/ChannelWrapper.vue
index 629bdf5a..f8ca0206 100644
--- a/client/components/ChannelWrapper.vue
+++ b/client/components/ChannelWrapper.vue
@@ -5,7 +5,7 @@
ref="element"
:class="[
'channel-list-item',
- {active: activeChannel && channel === activeChannel.channel},
+ {active: active},
{'parted-channel': channel.type === 'channel' && channel.state === 0},
{'has-draft': channel.pendingMessage},
{
@@ -19,7 +19,7 @@
:data-name="channel.name"
:data-type="channel.type"
:aria-controls="'#chan-' + channel.id"
- :aria-selected="activeChannel && channel === activeChannel.channel"
+ :aria-selected="active"
:style="channel.closed ? {transition: 'none', opacity: 0.4} : null"
role="tab"
@click="click"
@@ -37,13 +37,15 @@ export default {
props: {
network: Object,
channel: Object,
+ active: Boolean,
+ isFiltering: Boolean,
},
computed: {
activeChannel() {
return this.$store.state.activeChannel;
},
isChannelVisible() {
- return !isChannelCollapsed(this.network, this.channel);
+ return this.isFiltering || !isChannelCollapsed(this.network, this.channel);
},
},
methods: {
diff --git a/client/components/NetworkList.vue b/client/components/NetworkList.vue
index be32f5a7..f47d3855 100644
--- a/client/components/NetworkList.vue
+++ b/client/components/NetworkList.vue
@@ -2,71 +2,125 @@
You are not connected to any networks yet.
-
-
-
+
+
-
-
-
-
-
-
+
+
+
+ No results found.
+
+
+
+
+
+
+
+
+
+
+
+
+