fix

components/dashboard/promotions/EditPromotionForm.tsx

@@ -1,4 +1,4 @@
-'use client';
+'use client';
 
 import { useState, useEffect } from 'react';
 import { z } from 'zod';
@@ -464,4 +464,4 @@ export default function EditPromotionForm({ promotion, onSuccess, onCancel }: Ed
       </form>
     </Form>
   );
-} 
+} 

components/dashboard/promotions/NewPromotionForm.tsx

@@ -1,4 +1,4 @@
-'use client';
+'use client';
 
 import { useState, useEffect } from 'react';
 import { z } from 'zod';
@@ -459,4 +459,4 @@ export default function NewPromotionForm({ onSuccess, onCancel }: NewPromotionFo
       </form>
     </Form>
   );
-} 
+} 

components/dashboard/promotions/ProductSelector.tsx

@@ -1,4 +1,4 @@
-'use client';
+'use client';
 
 import { useState, useEffect, useRef } from 'react';
 import { Check, ChevronDown, X, Search } from 'lucide-react';
@@ -248,4 +248,4 @@ export default function ProductSelector({
       )}
     </div>
   );
-}
+}

components/dashboard/promotions/PromotionDetailsModal.tsx

@@ -1,4 +1,4 @@
-'use client';
+'use client';
 
 import { useState, useEffect } from 'react';
 import { 
@@ -222,7 +222,7 @@ export default function PromotionDetailsModal({
                     <div className="flex items-center justify-between mb-2">
                       <span className="text-sm font-medium">Current Usage</span>
                       <span className="text-sm text-muted-foreground">
-                        {promotion.usageCount} / {promotion.maxUsage || 'Ôê×'}
+                        {promotion.usageCount} / {promotion.maxUsage || '∞'}
                       </span>
                     </div>
                     <div className="w-full bg-gray-200 rounded-full h-2">
@@ -382,4 +382,4 @@ export default function PromotionDetailsModal({
       </DialogContent>
     </Dialog>
   );
-}
+}

components/dashboard/promotions/PromotionsList.tsx

@@ -1,4 +1,4 @@
-'use client';
+'use client';
 
 import { useState, useEffect } from 'react';
 import { Plus, Tag, RefreshCw, Trash, Edit, Check, X, Eye } from 'lucide-react';
@@ -184,7 +184,7 @@ export default function PromotionsList() {
                         : 'None'}
                     </TableCell>
                     <TableCell>
-                      {promotion.usageCount} / {promotion.maxUsage || 'Ôê×'}
+                      {promotion.usageCount} / {promotion.maxUsage || '∞'}
                     </TableCell>
                     <TableCell>{formatDate(promotion.endDate)}</TableCell>
                     <TableCell>
@@ -306,4 +306,4 @@ export default function PromotionsList() {
       />
     </>
   );
-} 
+} 

components/dashboard/promotions/PromotionsPageSkeleton.tsx

@@ -1,4 +1,4 @@
-import {
+import {
   Table,
   TableBody,
   TableCell,
@@ -59,4 +59,4 @@ export default function PromotionsPageSkeleton() {
       </Card>
     </div>
   );
-} 
+}