Update index.tsx (#1021)

Author: ameer2468

apps/desktop/src/routes/(window-chrome)/new-main/index.tsx

@@ -423,28 +423,30 @@ function Page() {
 					name="Area"
 				/>
 			</div>
-			<div class="space-y-2">
-				<CameraSelect
-					disabled={cameras.isPending}
-					options={cameras.data ?? []}
-					value={options.camera() ?? null}
-					onChange={(c) => {
-						if (!c) setCamera.mutate(null);
-						else if (c.model_id) setCamera.mutate({ ModelID: c.model_id });
-						else setCamera.mutate({ DeviceID: c.device_id });
-					}}
-				/>
-				<MicrophoneSelect
-					disabled={mics.isPending}
-					options={mics.isPending ? [] : (mics.data ?? [])}
-					// this prevents options.micName() from suspending on initial load
-					value={
-						mics.isPending ? rawOptions.micName : (options.micName() ?? null)
-					}
-					onChange={(v) => setMicInput.mutate(v)}
-				/>
-				<SystemAudio />
-			</div>
+			<Show when={!signIn.isPending}>
+				<div class="space-y-2">
+					<CameraSelect
+						disabled={cameras.isPending}
+						options={cameras.data ?? []}
+						value={options.camera() ?? null}
+						onChange={(c) => {
+							if (!c) setCamera.mutate(null);
+							else if (c.model_id) setCamera.mutate({ ModelID: c.model_id });
+							else setCamera.mutate({ DeviceID: c.device_id });
+						}}
+					/>
+					<MicrophoneSelect
+						disabled={mics.isPending}
+						options={mics.isPending ? [] : (mics.data ?? [])}
+						// this prevents options.micName() from suspending on initial load
+						value={
+							mics.isPending ? rawOptions.micName : (options.micName() ?? null)
+						}
+						onChange={(v) => setMicInput.mutate(v)}
+					/>
+					<SystemAudio />
+				</div>
+			</Show>
 		</div>
 	);
 }