Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-02-10 23:36:14 -05:00
Code Issues Activity

Added basic offers modal for design (#18982)

Browse source 
refs https://github.com/TryGhost/Product/issues/4148

---

<!-- Leave the line below if you'd like GitHub Copilot to generate a
summary from your commit -->
<!--
copilot:summary
-->
### <samp>🤖 Generated by Copilot at e683919</samp>

This pull request adds a new modal component for showing a success
message after creating or editing an offer in the growth settings. It
updates the `modals.tsx`, `SettingsRouter.tsx`, and `OfferSuccess.tsx`
files to implement the new component and its route.
This commit is contained in:
Ronald Langeveld 2023-11-15 12:19:48 +07:00 • committed by GitHub
parent 452e702530
commit 49e96e1c18
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 19 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
apps/admin-x-settings/src/components/providers/SettingsRouter.tsx
View file

@ -33,6 +33,7 @@ export const modalPaths: {[key: string]: ModalName} = {
'embed-signup-form/show': 'EmbedSignupFormModal', 'embed-signup-form/show': 'EmbedSignupFormModal',
'offers/edit': 'OffersModal', 'offers/edit': 'OffersModal',
'offers/new': 'AddOfferModal', 'offers/new': 'AddOfferModal',
'offers/success': 'OfferSuccess',
'offers/:id': 'EditOfferModal', 'offers/:id': 'EditOfferModal',
about: 'AboutModal' about: 'AboutModal'
}; };

4
apps/admin-x-settings/src/components/providers/routing/modals.tsx
View file

@ -18,6 +18,7 @@ import HistoryModal from '../../settings/advanced/HistoryModal';
import InviteUserModal from '../../settings/general/InviteUserModal'; import InviteUserModal from '../../settings/general/InviteUserModal';
import NavigationModal from '../../settings/site/NavigationModal'; import NavigationModal from '../../settings/site/NavigationModal';
import NewsletterDetailModal from '../../settings/email/newsletters/NewsletterDetailModal'; import NewsletterDetailModal from '../../settings/email/newsletters/NewsletterDetailModal';
import OfferSuccess from '../../settings/growth/offers/OfferSuccess';
import OffersModal from '../../settings/growth/offers/OffersModal'; import OffersModal from '../../settings/growth/offers/OffersModal';
import PinturaModal from '../../settings/advanced/integrations/PinturaModal'; import PinturaModal from '../../settings/advanced/integrations/PinturaModal';
import PortalModal from '../../settings/membership/portal/PortalModal'; import PortalModal from '../../settings/membership/portal/PortalModal';
@ -54,7 +55,8 @@ const modals = {
OffersModal, OffersModal,
AddOfferModal, AddOfferModal,
EditOfferModal, EditOfferModal,
AboutModal AboutModal,
OfferSuccess
// eslint-disable-next-line @typescript-eslint/no-explicit-any // eslint-disable-next-line @typescript-eslint/no-explicit-any
} satisfies {[key: string]: ModalComponent<any>}; } satisfies {[key: string]: ModalComponent<any>};

15
apps/admin-x-settings/src/components/settings/growth/offers/OfferSuccess.tsx Normal file
View file

@ -0,0 +1,15 @@
import NiceModal from '@ebay/nice-modal-react';
import {Modal} from '@tryghost/admin-x-design-system';
const OfferSuccess = () => {
return <Modal
cancelLabel=''
header={false}
height='full'
size='lg'
>
<h1>Success</h1>
</Modal>;
};
export default NiceModal.create(OfferSuccess);