fix: useWebhooksQuery handles missing project gracefully

Author: mois-ilya

src/features/tonapi/pricing/ui/WebhooksPricingSection.tsx

@@ -15,7 +15,7 @@ import {
     Spinner
 } from '@chakra-ui/react';
 import { UsdCurrencyAmount, Network } from 'src/shared';
-import { useWebhooksMaybeQuery } from '../../webhooks/model/queries';
+import { useWebhooksQuery } from '../../webhooks/model/queries';
 import { WebhookTiers, calculateExpectedPrice } from '../utils/calculating';
 
 export const PricingDiagram: FC<{ isDisabled?: boolean }> = ({ isDisabled = false }) => {
@@ -243,7 +243,7 @@ export const WebhooksPricingSection: FC<WebhooksPricingSectionProps> = ({
 }) => {
     // Hooks must be called unconditionally at top level (React hooks rules)
     const navigate = useNavigate();
-    const { data: webhooks = [], isLoading, error } = useWebhooksMaybeQuery(Network.MAINNET);
+    const { data: webhooks = [], isLoading, error } = useWebhooksQuery(Network.MAINNET);
 
     // Display-only mode: render static content without using data-fetching result
     if (displayOnly) {

src/features/tonapi/webhooks/model/queries.ts

@@ -49,35 +49,25 @@ export function mapWebhooksStatsToChartPoints(
   return items;
 }
 
-export function useWebhooksMaybeQuery(network: Network) {
-  const project = useMaybeProject();
-  const query = useWebhooksQuery(network);
-
-  if (!project) {
-    return { data: [], isLoading: false, error: null };
-  }
-
-  return query;
-}
-
 /**
  * Fetch all webhooks for a project
+ * Returns empty array if no project selected
  * Returns error state if webhooks feature is not available (501 error)
  */
 export function useWebhooksQuery(network: Network) {
-  const projectId = useProjectId();
+  const project = useMaybeProject();
 
   return useQuery({
-    queryKey: WEBHOOKS_KEYS.list(projectId || undefined, network),
+    queryKey: WEBHOOKS_KEYS.list(project?.id, network),
     queryFn: async () => {
-      if (!projectId) return [];
+      if (!project) return [];
       const response = await rtTonApiClient.webhooks.getWebhooks({
-        project_id: projectId.toString(),
+        project_id: project.id.toString(),
         network
       });
       return response.data.webhooks.toSorted((a, b) => b.id - a.id);
     },
-    enabled: !!projectId,
+    enabled: !!project,
     staleTime: 5 * 60 * 1000, // 5 minutes
     retry: (failureCount, error) => {
       // Don't retry on 501 - feature is not available

vite.config.ts

@@ -53,7 +53,7 @@ export default ({ mode }) => {
         ],
         server: {
             host: '127.0.0.1',
-            port: 5173,
+            port: 5201,
             watch: {
                 usePolling: true
             },