From 27b4ac283f2ffa479883cf84aeebbdf3a77e02ff Mon Sep 17 00:00:00 2001
From: Audric Ackermann <audric@loki.network>
Date: Thu, 24 Jun 2021 11:13:11 +1000
Subject: [PATCH] render spinner onion path dialog if no path

---
 ts/components/OnionStatusDialog.tsx | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/ts/components/OnionStatusDialog.tsx b/ts/components/OnionStatusDialog.tsx
index 776e3dd17..7d3b250e5 100644
--- a/ts/components/OnionStatusDialog.tsx
+++ b/ts/components/OnionStatusDialog.tsx
@@ -26,6 +26,7 @@ import {
 
 // tslint:disable-next-line: no-submodule-imports
 import useNetworkState from 'react-use/lib/useNetworkState';
+import { SessionSpinner } from './session/SessionSpinner';
 
 export type StatusLightType = {
   glowStartDelay: number;
@@ -38,6 +39,10 @@ const OnionPathModalInner = () => {
   // including the device and destination in calculation
   const glowDuration = onionPath.length + 2;
 
+  if (!onionPath) {
+    return <SessionSpinner loading={true} />
+  }
+
   const nodes = [
     {
       label: window.i18n('device'),