fix: Prevent unnecessary demo site status request while offline

These requests will always fail, producing unnecessary noise.

src/hooks/tests/use-delete-snapshot.test.ts

@@ -2,6 +2,7 @@
 import * as Sentry from '@sentry/electron/renderer';
 import { renderHook, act } from '@testing-library/react';
 import { useAuth } from '../../hooks/use-auth';
+import { useOffline } from '../../hooks/use-offline';
 import { useSiteDetails } from '../../hooks/use-site-details';
 import { useDeleteSnapshot } from '../use-delete-snapshot';
 
@@ -139,4 +140,21 @@ describe( 'useDeleteSnapshot', () => {
 		} );
 		expect( Sentry.captureException ).toHaveBeenCalledTimes( mockSnapshots.length );
 	} );
+
+	it( 'should not check demo site statuses when lacking an internet connection', () => {
+		( useOffline as jest.Mock ).mockReturnValue( true );
+		( useSiteDetails as jest.Mock ).mockImplementation( () => ( {
+			snapshots: mockSnapshots.map( ( snapshot ) => ( { ...snapshot, isDeleting: true } ) ),
+			removeSnapshot: removeSnapshotMock,
+			updateSnapshot: updateSnapshotMock,
+		} ) );
+		renderHook( () => useDeleteSnapshot() );
+
+		// Advance the timer to trigger the interval
+		act( () => {
+			jest.advanceTimersByTime( 3000 );
+		} );
+
+		expect( clientReqGet ).not.toHaveBeenCalled();
+	} );
 } );

src/hooks/use-delete-snapshot.ts

@@ -2,6 +2,7 @@ import * as Sentry from '@sentry/electron/renderer';
 import { useI18n } from '@wordpress/react-i18n';
 import { useCallback, useEffect, useState } from 'react';
 import { useAuth } from './use-auth';
+import { useOffline } from './use-offline';
 import { useSiteDetails } from './use-site-details';
 
 export interface SnapshotStatusResponse {
@@ -17,8 +18,9 @@ export function useDeleteSnapshot( options: { displayAlert?: boolean } = {} ) {
 	const { client } = useAuth();
 	const { removeSnapshot, snapshots, updateSnapshot } = useSiteDetails();
 	const { __ } = useI18n();
+	const isOffline = useOffline();
 	useEffect( () => {
-		if ( ! client?.req ) {
+		if ( ! client?.req || isOffline ) {
 			return;
 		}
 		const deletingSnapshots = snapshots.filter( ( snapshot ) => snapshot.isDeleting );
@@ -48,7 +50,7 @@ export function useDeleteSnapshot( options: { displayAlert?: boolean } = {} ) {
 		return () => {
 			clearInterval( intervalId );
 		};
-	}, [ client?.req, removeSnapshot, snapshots ] );
+	}, [ client?.req, isOffline, removeSnapshot, snapshots ] );
 
 	const deleteSnapshot = useCallback(
 		async ( snapshot: Pick< Snapshot, 'atomicSiteId' > ) => {