From b9691e9215c1c5f48f4e052b02fe108ba61cbfbc Mon Sep 17 00:00:00 2001
From: Sergey Shkurov <sergey.shkurov@traderepublic.com>
Date: Sat, 29 Apr 2023 04:29:18 +0200
Subject: [PATCH] Refactor lookback

---
 src/App.vue                         | 3 ---
 src/components/PatternsDropdown.vue | 8 +++++---
 src/views/LookBack.vue              | 3 +--
 3 files changed, 6 insertions(+), 8 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index d718fd6..5befa74 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -14,7 +14,6 @@
 			</div>
 		</div>
 		<Settings/>
-		<LookBack ref="lookBack" />
 	</div>
 </template>
 
@@ -24,7 +23,6 @@
 
 	import Navbar from './components/Navbar';
 	import Settings from './views/Settings';
-	import LookBack from './views/LookBack';
 	import SockJS from 'sockjs-client';
 	import {openDB,} from 'idb';
 
@@ -197,7 +195,6 @@
       },
 		},
 		components: {
-			LookBack,
 			Settings,
 			Navbar,
 		},
diff --git a/src/components/PatternsDropdown.vue b/src/components/PatternsDropdown.vue
index e07637a..df4dcb6 100644
--- a/src/components/PatternsDropdown.vue
+++ b/src/components/PatternsDropdown.vue
@@ -62,19 +62,22 @@
 		</b-dropdown-item-button>
 
 		<PatternModal :creating="patternModalIsCreating" :initial-pattern="patternModalEditingPattern" />
+		<LookBack :pattern-id="patternIdForLookback" />
 	</b-dropdown>
 </template>
 <!--suppress JSUnresolvedReference -->
 <script>
 	import PatternModal from '@/views/PatternModal.vue';
+	import LookBack from '@/views/LookBack.vue';
 
 	export default {
 		name: 'PatternsDropdown',
-		components: {PatternModal: PatternModal, },
+		components: {LookBack, PatternModal, },
 		data() {
 			return {
 				patternModalIsCreating: true,
 				patternModalEditingPattern: {},
+				patternIdForLookback: 0,
 			};
 		},
 		mounted() {
@@ -117,8 +120,7 @@
 				});
 			},
 			showLookBack(pattern) {
-				// Не знаю, как сделать это без костылей
-				this.$root.$children[0].$refs.lookBack.patternId = pattern.id;
+				this.patternIdForLookback = pattern.id;
 				this.$bvModal.show('lookBackModal');
 			},
 			updatePatterns() {
diff --git a/src/views/LookBack.vue b/src/views/LookBack.vue
index c8de37c..ef7e16e 100644
--- a/src/views/LookBack.vue
+++ b/src/views/LookBack.vue
@@ -20,11 +20,10 @@
 export default {
 	name: 'LookBack',
 	props: {
-		id: Number,
+		patternId: Number,
 	},
 	data() {
 		return {
-			patternId: null,
 			minutes: 5,
 		};
 	},