From da8882a0789c0c58617189d142212eb51d0e3543 Mon Sep 17 00:00:00 2001
From: Grigory Vodyanov <scratchx@gmx.com>
Date: Sun, 1 Dec 2024 16:13:49 +0100
Subject: [PATCH 1/2] fix(Routing): add proper routing for circles

Signed-off-by: Grigory Vodyanov <scratchx@gmx.com>
---
 src/models/circle.ts   | 4 ++--
 src/views/Contacts.vue | 5 +++++
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/models/circle.ts b/src/models/circle.ts
index b052bf892b..66254039a3 100644
--- a/src/models/circle.ts
+++ b/src/models/circle.ts
@@ -6,7 +6,7 @@
 import Vue from 'vue'
 import Member from './member'
 
-import { CircleConfigs, MemberLevels } from './constants'
+import { CircleConfigs, MemberLevels, ROUTE_CIRCLE } from './constants'
 
 type MemberList = Record<string, Member>
 
@@ -303,7 +303,7 @@ export default class Circle {
 	get router() {
 		return {
 			name: 'circle',
-			params: { selectedCircle: this.id },
+			params: { selectedCircle: this.id, selectedGroup: ROUTE_CIRCLE },
 		}
 	}
 
diff --git a/src/views/Contacts.vue b/src/views/Contacts.vue
index edb5a63c8a..b1adc63c23 100644
--- a/src/views/Contacts.vue
+++ b/src/views/Contacts.vue
@@ -146,6 +146,9 @@ export default {
 		groups() {
 			return this.$store.getters.getGroups
 		},
+		circles() {
+			return this.$store.getters.getCircles
+		},
 		orderKey() {
 			return this.$store.getters.getOrderKey
 		},
@@ -193,6 +196,8 @@ export default {
 				return this.sortedContacts
 			} else if (this.selectedGroup === GROUP_NO_GROUP_CONTACTS) {
 				return this.ungroupedContacts.map(contact => this.sortedContacts.find(item => item.key === contact.key))
+			} else if (this.selectedGroup === ROUTE_CIRCLE) {
+				return this.circles
 			}
 			const group = this.groups.filter(group => group.name === this.selectedGroup)[0]
 			if (group) {

From 350b8c24a4b1af6efedc5986d43716d4c192a440 Mon Sep 17 00:00:00 2001
From: Grigory Vodyanov <scratchx@gmx.com>
Date: Thu, 16 Jan 2025 19:10:16 +0100
Subject: [PATCH 2/2] fixup! fix(Routing): add proper routing for circles

Signed-off-by: Grigory Vodyanov <scratchx@gmx.com>
---
 src/views/Contacts.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/views/Contacts.vue b/src/views/Contacts.vue
index b1adc63c23..bf2b9a312d 100644
--- a/src/views/Contacts.vue
+++ b/src/views/Contacts.vue
@@ -11,7 +11,7 @@
 			:selected-group="selectedGroup"
 			:selected-contact="selectedContact">
 			<div class="import-and-new-contact-buttons">
-				<SettingsImportContacts v-if="!loadingContacts && isEmptyGroup && !isChartView" />
+				<SettingsImportContacts v-if="!loadingContacts && isEmptyGroup && !isChartView && !isCirclesView" />
 				<!-- new-contact-button -->
 				<Button v-if="!loadingContacts"
 					type="secondary"
@@ -197,7 +197,7 @@ export default {
 			} else if (this.selectedGroup === GROUP_NO_GROUP_CONTACTS) {
 				return this.ungroupedContacts.map(contact => this.sortedContacts.find(item => item.key === contact.key))
 			} else if (this.selectedGroup === ROUTE_CIRCLE) {
-				return this.circles
+				return []
 			}
 			const group = this.groups.filter(group => group.name === this.selectedGroup)[0]
 			if (group) {
@@ -206,6 +206,10 @@ export default {
 			return []
 		},
 
+		isCirclesView() {
+			return this.selectedGroup === ROUTE_CIRCLE
+		},
+
 		ungroupedContacts() {
 			return this.sortedContacts.filter(contact => this.contacts[contact.key].groups && this.contacts[contact.key].groups.length === 0)
 		},