feat: [ActiveDatesCard] update tests and move away from LegacyCard (#105

)

* feat: move away from legacy card

* feat: update tests so they match new cards

* chore: add changeset

* fix: remove leftovers from rebase action

.changeset/spicy-kangaroos-glow.md

@@ -0,0 +1,5 @@
+---
+'@shopify/discount-app-components': minor
+---
+
+Upgrade ActiveDates component to use Alpha Card

src/components/ActiveDatesCard/ActiveDatesCard.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import {LegacyCard as Card, Checkbox, FormLayout} from '@shopify/polaris';
+import {Text, Card, Checkbox, FormLayout} from '@shopify/polaris';
 import {isSameDay} from '@shopify/dates';
 import {useI18n} from '@shopify/react-i18n';
 
@@ -114,11 +114,11 @@ export function ActiveDatesCard({
   );
 
   return (
-    <Card
-      title={i18n.translate('DiscountAppComponents.ActiveDatesCard.title')}
-      sectioned
-    >
+    <Card>
       <FormLayout>
+        <Text variant="headingMd" as="h2">
+          {i18n.translate('DiscountAppComponents.ActiveDatesCard.title')}
+        </Text>
         <FormLayout.Group>
           <DatePicker
             date={{

src/components/ActiveDatesCard/tests/ActiveDatesCard.test.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import {mockField, mountWithApp} from 'tests/utilities';
-import {LegacyCard as Card, Checkbox, FormLayout} from '@shopify/polaris';
+import {Checkbox, FormLayout, Text} from '@shopify/polaris';
 import _ from 'lodash';
 import MockDate from 'mockdate';
 
@@ -26,9 +26,8 @@ describe('<ActiveDatesCard />', () => {
   it('renders a Card', () => {
     const activeDates = mountWithApp(<ActiveDatesCard {...mockProps} />);
 
-    expect(activeDates).toContainReactComponent(Card, {
-      title: 'Active dates',
-      sectioned: true,
+    expect(activeDates).toContainReactComponent(Text, {
+      children: 'Active dates',
     });
   });