Unfulfilled view active

Shopify · Aug 26, 2024 · bc348a9 · bc348a9
1 parent 8731df2
commit bc348a9
Showing 1 changed file with 49 additions and 50 deletions.
diff --git a/polaris-react/playground/OrdersPage.tsx b/polaris-react/playground/OrdersPage.tsx
@@ -1,4 +1,3 @@
-// @ts-expect-error -- leave me alone
 // @ts-nocheck
 import React, {useEffect, useRef, useState} from 'react';
 import {
@@ -19,9 +18,9 @@ import type {
   IndexFiltersProps,
   FilterInterface,
   AppliedFilterInterface,
+  BadgeProps,
 } from '../src';
 import {
-  Thumbnail,
   Tag,
   Avatar,
   Box,
@@ -412,14 +411,27 @@ function OrdersIndexTableWithFilters(
     'Archived',
     'Express shipping',
   ]);
-  const [selectedView, setSelectedView] = useState(5);
+  const [selectedView, setSelectedView] = useState(1);
   const [sortSelected, setSortSelected] = useState(['order asc']);
-  const [queryValue, setQueryValue] = useState('express');
+  const [queryValue, setQueryValue] = useState('');
   const [status, setStatus] = useState<string[]>([]);
   const [paymentStatus, setPaymentStatus] = useState<string[]>([]);
   const [fulfillmentStatus, setFulfillmentStatus] = useState<string[]>([]);
   const [loading, setLoading] = useState<boolean>(false);
   const [filteredOrders, setFilteredOrders] = useState([
+    {
+      id: '1053',
+      date: 'Aug 22, 2024 at 11:11 pm',
+      customer: 'Ian Nikolaus',
+      channel: 'Online Store',
+      total: '$2,051.20',
+      paymentStatus: ['Paid'],
+      fulfillmentStatus: ['Unfulfilled'],
+      items: '8,205',
+      deliveryMethod: 'Ground',
+      status: 'Open',
+      tags: 'vip, wholesale, net 60',
+    },
     {
       id: '1052',
       date: 'Aug 22, 2024 at 5:13 am',
@@ -434,68 +446,55 @@ function OrdersIndexTableWithFilters(
       tags: 'gift wrap',
     },
     {
-      id: '1046',
-      date: 'Jul 6, 2024 at 9:31 pm',
-      customer: 'Melany Sauer',
-      channel: 'Online Store',
-      total: '$237.28',
+      id: '1050',
+      date: 'Aug 20, 2024 at 11:47 am',
+      customer: 'Brennan Schowalter',
+      channel: 'TikTok',
+      total: '$207.24',
       paymentStatus: ['Paid'],
-      fulfillmentStatus: ['Fulfilled'],
-      items: '949',
-      deliveryMethod: 'Express',
+      fulfillmentStatus: ['Partially fulfilled'],
+      items: '829',
+      deliveryMethod: 'Standard',
       status: 'Open',
       tags: '',
     },
     {
-      id: '1034',
-      date: ' Dec 5, 2023',
-      customer: 'Dario Krajcik',
-      channel: 'Online Store',
-      total: '$865.93',
-      paymentStatus: ['Paid'],
-      fulfillmentStatus: ['Fulfilled'],
-      items: '3,464',
-      deliveryMethod: 'Express',
+      id: '1049',
+      date: 'Aug 20, 2024 at 2:56 am',
+      customer: 'Ryder Glover',
+      channel: 'TikTok',
+      total: '$438.15',
+      paymentStatus: ['Payment pending'],
+      fulfillmentStatus: ['Partially fulfilled'],
+      items: '1,753',
+      deliveryMethod: 'Standard',
       status: 'Open',
       tags: '',
     },
     {
-      id: '1028',
-      date: ' May 19, 2023',
-      customer: 'Guy Haley',
-      channel: 'Instagram',
-      total: '$361.90',
+      id: '1048',
+      date: 'Aug 20, 2024 at 2:14 am',
+      customer: 'Dillon Weissnat',
+      channel: 'TikTok',
+      total: '$577.10',
       paymentStatus: ['Paid'],
-      fulfillmentStatus: ['Fulfilled'],
-      items: '1,448',
-      deliveryMethod: 'Express',
+      fulfillmentStatus: ['Partially fulfilled'],
+      items: '2,308',
+      deliveryMethod: 'Standard',
       status: 'Open',
       tags: '',
     },
     {
-      id: '1023',
-      date: ' Feb 25, 2023',
-      customer: 'Walton Rowe',
+      id: '1047',
+      date: 'Jul 18, 2024 at 6:46 am',
+      customer: 'Patrick Gerlach',
       channel: 'Online Store',
-      total: '$495.99',
-      paymentStatus: ['Paid'],
-      fulfillmentStatus: ['Fulfilled'],
-      items: '1,984',
-      deliveryMethod: 'Express',
+      total: '$56.73',
+      paymentStatus: ['Payment pending', 'Overdue'],
+      fulfillmentStatus: ['Unfulfilled'],
+      items: '227',
+      deliveryMethod: 'Standard',
       status: 'Open',
-      tags: 'wholesale, net 30',
-    },
-    {
-      id: '1017',
-      date: ' Nov 26, 2022',
-      customer: 'Kailyn Paucek',
-      channel: 'Online Store',
-      total: '$653.15',
-      paymentStatus: ['Paid'],
-      fulfillmentStatus: ['Fulfilled'],
-      items: '2,613',
-      deliveryMethod: 'Express',
-      status: 'Archived',
       tags: '',
     },
   ]);