From b263f02fccb8f1b29e43774c29c7839dd5bb2cdc Mon Sep 17 00:00:00 2001
From: David Dal Busco <david.dalbusco@outlook.com>
Date: Sat, 18 Nov 2023 10:23:59 +0100
Subject: [PATCH] feat: start and stop orbiter

Signed-off-by: David Dal Busco <david.dalbusco@outlook.com>
---
 .../src/lib/components/orbiter/Orbiter.svelte |  2 +-
 .../components/orbiter/OrbiterActions.svelte  | 19 +++++++++++++++++++
 2 files changed, 20 insertions(+), 1 deletion(-)

diff --git a/src/frontend/src/lib/components/orbiter/Orbiter.svelte b/src/frontend/src/lib/components/orbiter/Orbiter.svelte
index da470e934..ac4442145 100644
--- a/src/frontend/src/lib/components/orbiter/Orbiter.svelte
+++ b/src/frontend/src/lib/components/orbiter/Orbiter.svelte
@@ -25,7 +25,7 @@
 
 	<CanisterOverview canisterId={orbiter.orbiter_id} />
 
-	<OrbiterActions />
+	<OrbiterActions {orbiter} />
 </div>
 
 <style lang="scss">
diff --git a/src/frontend/src/lib/components/orbiter/OrbiterActions.svelte b/src/frontend/src/lib/components/orbiter/OrbiterActions.svelte
index a9d5881c4..1b5141166 100644
--- a/src/frontend/src/lib/components/orbiter/OrbiterActions.svelte
+++ b/src/frontend/src/lib/components/orbiter/OrbiterActions.svelte
@@ -1,11 +1,30 @@
 <script lang="ts">
 	import TopUp from '$lib/components/canister/TopUp.svelte';
 	import Actions from '$lib/components/core/Actions.svelte';
+	import CanisterStopStart from '$lib/components/canister/CanisterStopStart.svelte';
+	import type { Orbiter } from '$declarations/mission_control/mission_control.did';
+	import type { Canister } from '$lib/types/canister';
+
+	export let orbiter: Orbiter;
+
+	let canister: Canister | undefined = undefined;
+
+	const onSyncCanister = (syncCanister: Canister) => {
+		if (syncCanister.id !== orbiter.orbiter_id.toText()) {
+			return;
+		}
+
+		canister = syncCanister;
+	};
 
 	let visible: boolean | undefined;
 	const close = () => (visible = false);
 </script>
 
+<svelte:window on:junoSyncCanister={({ detail: { canister } }) => onSyncCanister(canister)} />
+
 <Actions bind:visible>
 	<TopUp type="topup_orbiter" on:junoTopUp={close} />
+
+	<CanisterStopStart {canister} segment="orbiter" on:junoStop={close} on:junoStart={close} />
 </Actions>