Feat/160 settings page implement subscription cancel feedback modal

[shuaibu-shehu]

SubscriptionCancelModal Component

Overview

The SubscriptionCancelModal component is a modal dialog designed to confirm the cancellation of a subscription. It provides options to reactivate the subscription or navigate back to the dashboard.

Props

The component accepts the following props:

children (required)

• Type: React.ReactNode
• Description: The button text or element that triggers the modal.

onReactivateSubscription (optional)

• Type: () => void
• Description: A callback function that is called when the "Reactivate Subscription" button is clicked.

Usage

Here is an example of how to use the SubscriptionCancelModal component:

import React from 'react';
import SubscriptionCancelModal from './SubscriptionCancelModal';

function SettingsPage() {
  const handleReactivateSubscription = () => {
    // Reactivate subscription logic
  };

  return (
    <div>
      <h1>Settings</h1>
      <SubscriptionCancelModal onReactivateSubscription={handleReactivateSubscription}>
        Cancel Subscription
      </SubscriptionCancelModal>
    </div>
  );
}


export default SettingsPage;

[JulianaSau]

@shuaibu-shehu update your branch with latest changes

[shuaibu-shehu]

@shuaibu-shehu update your branch with latest changes

@JulianaSau done!