for no order i removed place order button

This commit is contained in:
suryacp23 2026-07-21 19:05:13 +05:30
parent 1894b1f9a5
commit 2235f2ee68
4 changed files with 23 additions and 4 deletions

View File

@ -1,3 +1,4 @@
import { useEffect } from 'react';
import { orderBookingClient } from '../../api/clients';
import { ORDER_BOOKING } from '../../api/config';
import type { WiredDetailViewProps } from './OrderDetail';
@ -6,9 +7,15 @@ import { Spinner } from '../reusable/Spinner';
import { EmptyState } from '../reusable/EmptyState';
import { CallCard } from '../cards/CallCard';
export function CallDetail({ instanceId }: WiredDetailViewProps) {
export function CallDetail({ instanceId, onDataLoad }: WiredDetailViewProps) {
const { data, loading, error } = useDetailViewData(orderBookingClient, ORDER_BOOKING.detailViews.CALLS, instanceId);
useEffect(() => {
if (data && onDataLoad) {
onDataLoad(data);
}
}, [data, onDataLoad]);
if (error) return <EmptyState title="Couldn't load record" hint={error} />;
if (loading) return <div className="py-8 flex justify-center"><Spinner label="Loading Call Details..." /></div>;
if (!data) return <EmptyState title="No details found" />;

View File

@ -1,3 +1,4 @@
import { useEffect } from 'react';
import { orderBookingClient } from '../../api/clients';
import { ORDER_BOOKING } from '../../api/config';
import { useDetailViewData } from './useDetailViewData';
@ -6,15 +7,22 @@ import { OrderCard } from '../cards/OrderCard';
export interface WiredDetailViewProps {
instanceId: string | number;
columns?: 1 | 2 | 3;
onDataLoad?: (data: any) => void;
}
export function OrderDetail({ instanceId }: WiredDetailViewProps) {
export function OrderDetail({ instanceId, onDataLoad }: WiredDetailViewProps) {
const { data, config, loading, error } = useDetailViewData(
orderBookingClient,
ORDER_BOOKING.detailViews.ORDERS,
instanceId
);
useEffect(() => {
if (data && onDataLoad) {
onDataLoad(data);
}
}, [data, onDataLoad]);
if (loading) return <div className="p-4 text-gray-500">Loading Order Details...</div>;
if (error) return <div className="p-4 text-red-500">{error}</div>;
if (!data) return <div className="p-4 text-gray-500">No data found.</div>;

View File

@ -112,7 +112,7 @@ export function CallsPage() {
>
{instanceId != null && (
<>
<CallDetail instanceId={instanceId} />
<CallDetail instanceId={instanceId} onDataLoad={setSelectedRow} />
<div className="absolute bottom-6 right-6 flex flex-col items-end gap-3 z-50">
{isFabOpen && (
<div className="flex flex-col gap-2 bg-white p-3 rounded-sm shadow-xl border border-border-subtle animate-in fade-in slide-in-from-bottom-2">
@ -143,6 +143,8 @@ export function CallsPage() {
Place Order
</Button>
);
} else if (stateName.includes('no order') || stateName.includes('non-productive') || stateName.includes('non productive')) {
return null;
}
return (
<Button size="sm" onClick={(e) => {

View File

@ -114,7 +114,7 @@ export function OrdersPage() {
>
{instanceId != null && (
<>
<OrderDetail instanceId={instanceId} />
<OrderDetail instanceId={instanceId} onDataLoad={setSelectedRow} />
<div className="absolute bottom-6 right-6 flex flex-col items-end gap-3 z-50">
{isFabOpen && (
<div className="flex flex-col gap-2 bg-white p-3 rounded-sm shadow-xl border border-border-subtle animate-in fade-in slide-in-from-bottom-2">
@ -145,6 +145,8 @@ export function OrdersPage() {
Place Order
</Button>
);
} else if (stateName.includes('no order') || stateName.includes('non-productive') || stateName.includes('non productive')) {
return null;
}
return (
<Button size="sm" onClick={(e) => {