Coding Conventions

@Module({
  imports: [PrismaModule],
  controllers: [OrdersController],
  providers: [OrdersService],
  exports: [OrdersService],
})
export class OrdersModule {}

@Controller('orders')
@UseGuards(SessionGuard, PermissionsGuard, ScopeGuard)
export class OrdersController {
  constructor(private readonly ordersService: OrdersService) {}

  @Get()
  @Permissions(Permission.ORDERS_VIEW_ALL)
  async findAll(@Request() req: RequestWithPermissions) {
    return this.ordersService.findAll(req);
  }

  @Post()
  @Permissions(Permission.ORDERS_CREATE)
  async create(
    @Body() dto: CreateOrderDto,
    @Request() req: RequestWithPermissions,
  ) {
    return this.ordersService.create(dto, req);
  }
}

@Injectable()
export class OrdersService {
  private readonly logger = new Logger(OrdersService.name);

  constructor(private prisma: PrismaService) {}

  async findAll(request: RequestWithPermissions) {
    const where = this.buildScopeFilter(request);
    return this.prisma.order.findMany({ where, include: { items: true } });
  }
}

export function OrderCard({ order }: { order: Order }) {
  return (
    <Card>
      <CardHeader>
        <CardTitle>{order.orderNumber}</CardTitle>
      </CardHeader>
      <CardContent>
        <Badge>{order.status}</Badge>
      </CardContent>
    </Card>
  );
}

export default function OrdersPage() {
  const { data: orders, isLoading, error } = useOrders();

  if (isLoading) return <LoadingSpinner />;
  if (error) return <ErrorMessage error={error} />;
  if (!orders?.length) return <EmptyState message="No orders found" />;

  return (
    <div>
      <h1>Orders</h1>
      <OrderTable orders={orders} />
    </div>
  );
}

import { cn } from '@/lib/utils';

<div className={cn(
  'base classes',
  isActive && 'active classes',
  variant === 'primary' && 'primary classes',
)} />

import { Button } from '@/components/ui/button';
import { Input } from '@/components/ui/input';
import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/components/ui/table';