chore(unl-204): remove uses of toast text and confetti (#8941)

As of PR #8935, we no longer support both text and title, and confetti
has been removed.

This PR:
- removes `confetti` from the toast interface
- merges `text` and `title` into `text` and updates its uses across the
codebase.
- readjusts the text where necessary.

frontend/src/component/admin/apiToken/ApiTokenDocs/ApiTokenDocs.tsx

@@ -22,7 +22,7 @@ export const ApiTokenDocs = () => {
         copy(url);
         setToastData({
             type: 'success',
-            title: 'Copied to clipboard',
+            text: 'Copied to clipboard',
         });
     };
 

frontend/src/component/admin/apiToken/ConfirmToken/UserToken/UserToken.tsx

@@ -14,12 +14,12 @@ export const UserToken = ({ token }: IUserTokenProps) => {
         if (copy(token)) {
             setToastData({
                 type: 'success',
-                title: 'Token copied to clipboard',
+                text: 'Token copied to clipboard',
             });
         } else
             setToastData({
                 type: 'error',
-                title: 'Could not copy token',
+                text: 'Could not copy token',
             });
     };
 

frontend/src/component/admin/auth/GoogleAuth/GoogleAuth.tsx

@@ -59,7 +59,7 @@ export const GoogleAuth = () => {
         try {
             await updateSettings(removeEmptyStringFields(data));
             setToastData({
-                title: 'Settings stored',
+                text: 'Settings stored',
                 type: 'success',
             });
         } catch (error: unknown) {

frontend/src/component/admin/auth/OidcAuth/OidcAuth.tsx

@@ -97,7 +97,7 @@ export const OidcAuth = () => {
         try {
             await updateSettings(removeEmptyStringFields(data));
             setToastData({
-                title: 'Settings stored',
+                text: 'Settings stored',
                 type: 'success',
             });
         } catch (error: unknown) {

frontend/src/component/admin/auth/PasswordAuth/PasswordAuth.tsx

@@ -50,8 +50,7 @@ export const PasswordAuth = () => {
             await updateSettings(settings);
             refetch();
             setToastData({
-                title: 'Successfully saved',
+                text: 'Password authentication settings stored',
-                text: 'Password authentication settings stored.',
                 autoHideDuration: 4000,
                 type: 'success',
                 show: true,

frontend/src/component/admin/auth/SamlAuth/SamlAuth.tsx

@@ -88,7 +88,7 @@ export const SamlAuth = () => {
         try {
             await updateSettings(removeEmptyStringFields(data));
             setToastData({
-                title: 'Settings stored',
+                text: 'Settings stored',
                 type: 'success',
             });
         } catch (error: unknown) {

frontend/src/component/admin/auth/ScimSettings/ScimSettings.tsx

@@ -58,7 +58,7 @@ export const ScimSettings = () => {
             }
 
             setToastData({
-                title: 'Settings stored',
+                text: 'Settings stored',
                 type: 'success',
             });
             await refetch();

frontend/src/component/admin/banners/BannerModal/BannerModal.tsx

@@ -101,7 +101,7 @@ export const BannerModal = ({ banner, open, setOpen }: IBannerModalProps) => {
                 await addBanner(payload);
             }
             setToastData({
-                title: `Banner ${editing ? 'updated' : 'added'} successfully`,
+                text: `Banner ${editing ? 'updated' : 'added'} successfully`,
                 type: 'success',
             });
             refetch();

frontend/src/component/admin/banners/BannersTable/BannersTable.tsx

@@ -42,7 +42,7 @@ export const BannersTable = () => {
         try {
             await toggleBanner(banner.id, enabled);
             setToastData({
-                title: `"${banner.message}" has been ${
+                text: `"${banner.message}" has been ${
                     enabled ? 'enabled' : 'disabled'
                 }`,
                 type: 'success',
@@ -57,7 +57,7 @@ export const BannersTable = () => {
         try {
             await removeBanner(banner.id);
             setToastData({
-                title: `"${banner.message}" has been deleted`,
+                text: `"${banner.message}" has been deleted`,
                 type: 'success',
             });
             refetch();

frontend/src/component/admin/cors/CorsForm.tsx

@@ -25,7 +25,7 @@ export const CorsForm = ({ frontendApiOrigins }: ICorsFormProps) => {
             event.preventDefault();
             await setFrontendSettings(split);
             setValue(formatInputValue(split));
-            setToastData({ title: 'Settings saved', type: 'success' });
+            setToastData({ text: 'Settings saved', type: 'success' });
         } catch (error) {
             setToastApiError(formatUnknownError(error));
         }

frontend/src/component/admin/groups/CreateGroup/CreateGroup.tsx

@@ -48,9 +48,7 @@ export const CreateGroup = () => {
             const group = await createGroup(payload);
             navigate(`/admin/groups/${group.id}`);
             setToastData({
-                title: 'Group created successfully',
+                text: 'Group created successfully',
-                text: 'Now you can start using your group.',
-                confetti: true,
                 type: 'success',
             });
         } catch (error: unknown) {

frontend/src/component/admin/groups/EditGroup/EditGroup.tsx

@@ -90,7 +90,7 @@ export const EditGroup = ({
             refetchGroups();
             navigate(GO_BACK);
             setToastData({
-                title: 'Group updated successfully',
+                text: 'Group updated successfully',
                 type: 'success',
             });
         } catch (error: unknown) {

frontend/src/component/admin/groups/Group/EditGroupUsers/EditGroupUsers.tsx

@@ -77,7 +77,7 @@ export const EditGroupUsers: FC<IEditGroupUsersProps> = ({
             refetchGroups();
             setOpen(false);
             setToastData({
-                title: 'Group users saved successfully',
+                text: 'Group users saved successfully',
                 type: 'success',
             });
         } catch (error: unknown) {

frontend/src/component/admin/groups/Group/RemoveGroupUser/RemoveGroupUser.tsx

@@ -38,7 +38,7 @@ export const RemoveGroupUser: FC<IRemoveGroupUserProps> = ({
             refetchGroup();
             setOpen(false);
             setToastData({
-                title: 'User removed from group successfully',
+                text: 'User removed from group successfully',
                 type: 'success',
             });
         } catch (error: unknown) {

frontend/src/component/admin/groups/RemoveGroup/RemoveGroup.tsx

@@ -31,7 +31,7 @@ export const RemoveGroup: FC<IRemoveGroupProps> = ({
             setOpen(false);
             navigate('/admin/groups');
             setToastData({
-                title: 'Group removed successfully',
+                text: 'Group removed successfully',
                 type: 'success',
             });
         } catch (error: unknown) {

frontend/src/component/admin/license/License.tsx

@@ -58,7 +58,7 @@ export const License = () => {
         try {
             await updateLicenseKey(token);
             setToastData({
-                title: 'License key updated',
+                text: 'License key updated',
                 type: 'success',
             });
             refetchLicense();

frontend/src/component/admin/maintenance/MaintenanceToggle.tsx

@@ -45,7 +45,7 @@ export const MaintenanceToggle = () => {
     const updateEnabled = async () => {
         setToastData({
             type: 'success',
-            title: `Maintenance mode has been successfully ${
+            text: `Maintenance mode has been successfully ${
                 enabled ? 'disabled' : 'enabled'
             }`,
         });

frontend/src/component/admin/roles/RoleModal/RoleModal.tsx

@@ -96,7 +96,7 @@ export const RoleModal = ({
                 await addRole(payload);
             }
             setToastData({
-                title: `Role ${editing ? 'updated' : 'added'} successfully`,
+                text: `Role ${editing ? 'updated' : 'added'} successfully`,
                 type: 'success',
             });
             refetch();

frontend/src/component/admin/roles/RolesTable/RolesTable.tsx

@@ -52,7 +52,7 @@ export const RolesTable = ({
         try {
             await removeRole(role.id);
             setToastData({
-                title: `${role.name} has been deleted`,
+                text: `${role.name} has been deleted`,
                 type: 'success',
             });
             refetch();

frontend/src/component/admin/serviceAccounts/ServiceAccountsTable/ServiceAccountModal/ServiceAccountModal.tsx

@@ -196,7 +196,7 @@ export const ServiceAccountModal = ({
                 }
             }
             setToastData({
-                title: `Service account ${
+                text: `Service account ${
                     editing ? 'updated' : 'added'
                 } successfully`,
                 type: 'success',

frontend/src/component/admin/serviceAccounts/ServiceAccountsTable/ServiceAccountModal/ServiceAccountTokens/ServiceAccountTokens.tsx

@@ -127,7 +127,7 @@ export const ServiceAccountTokens = ({
             setNewToken(token);
             setTokenOpen(true);
             setToastData({
-                title: 'Token created successfully',
+                text: 'Token created successfully',
                 type: 'success',
             });
         } catch (error: unknown) {
@@ -146,7 +146,7 @@ export const ServiceAccountTokens = ({
                 refetchTokens();
                 setDeleteOpen(false);
                 setToastData({
-                    title: 'Token deleted successfully',
+                    text: 'Token deleted successfully',
                     type: 'success',
                 });
             } catch (error: unknown) {

frontend/src/component/admin/serviceAccounts/ServiceAccountsTable/ServiceAccountsTable.tsx

@@ -48,7 +48,7 @@ export const ServiceAccountsTable = () => {
         try {
             await removeServiceAccount(serviceAccount.id);
             setToastData({
-                title: `${serviceAccount.name} has been deleted`,
+                text: `${serviceAccount.name} has been deleted`,
                 type: 'success',
             });
             refetch();

frontend/src/component/admin/users/EditUser/EditUser.tsx

@@ -60,7 +60,7 @@ const EditUser = () => {
                 refetch();
                 navigate('/admin/users');
                 setToastData({
-                    title: 'User information updated',
+                    text: 'User information updated',
                     type: 'success',
                 });
             } catch (error: unknown) {

frontend/src/component/admin/users/InactiveUsersList/InactiveUsersList.tsx

@@ -71,7 +71,7 @@ export const InactiveUsersList = () => {
         try {
             await deleteInactiveUsers(inactiveUsers.map((i) => i.id));
             setToastData({
-                title: `Inactive users has been deleted`,
+                text: `Inactive users has been deleted`,
                 type: 'success',
             });
             setShowDelInactiveDialog(false);
@@ -84,7 +84,7 @@ export const InactiveUsersList = () => {
         try {
             await removeUser(userId);
             setToastData({
-                title: `User has been deleted`,
+                text: `User has been deleted`,
                 type: 'success',
             });
             refetchInactiveUsers();

frontend/src/component/admin/users/LinkField/LinkField.tsx

@@ -51,7 +51,7 @@ export const LinkField: FC<ILinkFieldProps> = ({
     const setError = () =>
         setToastData({
             type: 'error',
-            title: errorTitle,
+            text: errorTitle,
         });
 
     const handleCopy = () => {
@@ -61,7 +61,7 @@ export const LinkField: FC<ILinkFieldProps> = ({
                 .then(() => {
                     setToastData({
                         type: 'success',
-                        title: successTitle,
+                        text: successTitle,
                     });
                     onCopy?.();
                 })

frontend/src/component/admin/users/UsersList/ChangePassword/ChangePassword.tsx

@@ -62,8 +62,7 @@ const ChangePassword = ({
             setData({});
             closeDialog();
             setToastData({
-                title: 'Password changed successfully',
+                text: 'Password changed successfully',
-                text: 'The user can now sign in using the new password.',
                 type: 'success',
             });
         } catch (error: unknown) {

frontend/src/component/admin/users/UsersList/UsersList.tsx

@@ -112,7 +112,7 @@ const UsersList = () => {
         try {
             await removeUser(user.id);
             setToastData({
-                title: `${user.name} has been deleted`,
+                text: `${user.name} has been deleted`,
                 type: 'success',
             });
             refetch();

frontend/src/component/application/Application.tsx

@@ -93,8 +93,7 @@ export const Application = () => {
         try {
             await deleteApplication(appName);
             setToastData({
-                title: 'Deleted Successfully',
+                text: 'Deleted Successfully',
-                text: 'Application deleted successfully',
                 type: 'success',
             });
             navigate('/applications');

frontend/src/component/application/ApplicationUpdate/ApplicationUpdate.tsx

@@ -40,8 +40,7 @@ export const ApplicationUpdate = ({ application }: IApplicationUpdateProps) => {
             refetchApplication();
             setToastData({
                 type: 'success',
-                title: 'Updated Successfully',
+                text: 'Updated Successfully',
-                text: `${field} successfully updated`,
             });
         } catch (error: unknown) {
             setToastApiError(formatUnknownError(error));

frontend/src/component/archive/ArchiveTable/ArchiveTable.test.tsx

@@ -103,7 +103,7 @@ test('should show confirm dialog when reviving flag', async () => {
     });
     fireEvent.click(reviveFlagsButton);
 
-    await screen.findByText("And we're back!");
+    await screen.findByText('Feature flags revived');
 });
 
 test('should show confirm dialog when batch reviving flag', async () => {
@@ -134,7 +134,7 @@ test('should show confirm dialog when batch reviving flag', async () => {
     });
     fireEvent.click(reviveTogglesButton);
 
-    await screen.findByText("And we're back!");
+    await screen.findByText('Feature flags revived');
 });
 
 test('should show info box when disableAllEnvsOnRevive flag is on', async () => {

frontend/src/component/archive/ArchiveTable/ArchivedFeatureActionCell/ArchivedFeatureDeleteConfirm/ArchivedFeatureDeleteConfirm.tsx

@@ -49,10 +49,7 @@ export const ArchivedFeatureDeleteConfirm = ({
             await refetch();
             setToastData({
                 type: 'success',
-                title: `Feature ${singularOrPluralFlags} deleted`,
+                text: `Feature ${singularOrPluralFlags} deleted`,
-                text: `You have successfully deleted the following feature ${singularOrPluralFlags}: ${deletedFeatures.join(
-                    ', ',
-                )}.`,
             });
         } catch (error: unknown) {
             setToastApiError(formatUnknownError(error));

frontend/src/component/archive/ArchiveTable/ArchivedFeatureActionCell/ArchivedFeatureReviveConfirm/ArchivedFeatureReviveConfirm.tsx

@@ -39,8 +39,7 @@ export const ArchivedFeatureReviveConfirm = ({
             await refetch();
             setToastData({
                 type: 'success',
-                title: "And we're back!",
+                text: 'Feature flags revived',
-                text: 'The feature flags have been revived.',
             });
         } catch (error: unknown) {
             setToastApiError(formatUnknownError(error));

frontend/src/component/changeRequest/ChangeRequest/Changes/Change/ChangeActions.tsx

@@ -98,7 +98,7 @@ export const ChangeActions: FC<{
                 change.id,
             );
             setToastData({
-                title: 'Change discarded from change request draft.',
+                text: 'Change discarded from change request draft.',
                 type: 'success',
             });
             onRefetch?.();

frontend/src/component/changeRequest/ChangeRequest/Changes/Change/EditChange.tsx

@@ -125,7 +125,7 @@ export const EditChange = ({
             });
             onSubmit();
             setToastData({
-                title: 'Change updated',
+                text: 'Change updated',
                 type: 'success',
             });
         } catch (error: unknown) {

frontend/src/component/changeRequest/ChangeRequestOverview/ChangeRequestOverview.tsx

@@ -136,7 +136,6 @@ export const ChangeRequestOverview: FC = () => {
             refetchActionableChangeRequests();
             setToastData({
                 type: 'success',
-                title: 'Success',
                 text: 'Changes applied',
             });
         } catch (error: unknown) {
@@ -159,7 +158,6 @@ export const ChangeRequestOverview: FC = () => {
             refetchActionableChangeRequests();
             setToastData({
                 type: 'success',
-                title: 'Success',
                 text: 'Changes scheduled',
             });
         } catch (error: unknown) {
@@ -177,7 +175,6 @@ export const ChangeRequestOverview: FC = () => {
             await refetchChangeRequest();
             setToastData({
                 type: 'success',
-                title: 'Success',
                 text: 'Comment added',
             });
         } catch (error: unknown) {
@@ -199,7 +196,6 @@ export const ChangeRequestOverview: FC = () => {
             refetchActionableChangeRequests();
             setToastData({
                 type: 'success',
-                title: 'Success',
                 text: 'Changes cancelled',
             });
         } catch (error: unknown) {
@@ -221,7 +217,6 @@ export const ChangeRequestOverview: FC = () => {
 
             setToastData({
                 type: 'success',
-                title: 'Success',
                 text: 'Changes rejected',
             });
             refetchChangeRequestOpen();
@@ -244,7 +239,6 @@ export const ChangeRequestOverview: FC = () => {
             refetchChangeRequestOpen();
             setToastData({
                 type: 'success',
-                title: 'Success',
                 text: 'Changes approved',
             });
         } catch (error: unknown) {

frontend/src/component/changeRequest/ChangeRequestSidebar/EnvironmentChangeRequest/ChangeRequestTitle.tsx

@@ -49,7 +49,7 @@ export const ChangeRequestTitle: FC<{
             );
             setToastData({
                 type: 'success',
-                title: 'Change request title updated!',
+                text: 'Change request title updated!',
             });
         } catch (error: unknown) {
             setToastApiError(formatUnknownError(error));

frontend/src/component/commandBar/CommandBarFeedback.tsx

@@ -44,7 +44,7 @@ export const CommandBarFeedback = ({ onSubmit }: ICommandBarFeedbackProps) => {
         });
         onSubmit();
         setToastData({
-            title: 'Feedback sent',
+            text: 'Feedback sent',
             type: 'success',
         });
     };

frontend/src/component/common/ApiTokenTable/CopyApiTokenButton/CopyApiTokenButton.tsx

@@ -23,7 +23,7 @@ export const CopyApiTokenButton = ({
         if (copy(value)) {
             setToastData({
                 type: 'success',
-                title: `Token copied to clipboard`,
+                text: 'Token copied to clipboard',
             });
 
             if (track && typeof track === 'function') {

frontend/src/component/common/ApiTokenTable/RemoveApiTokenButton/RemoveApiTokenButton.tsx

@@ -34,7 +34,7 @@ export const RemoveApiTokenButton = ({
 
             setToastData({
                 type: 'success',
-                title: 'API token removed',
+                text: 'API token removed',
             });
         } catch (error: unknown) {
             setToastApiError(formatUnknownError(error));

frontend/src/component/common/FeatureArchiveDialog/FeatureArchiveDialog.tsx

@@ -238,11 +238,8 @@ const useArchiveAction = ({
         );
         refetchChangeRequests();
         setToastData({
-            text: isBulkArchive
-                ? 'Your archive feature flags changes have been added to change request'
-                : 'Your archive feature flag change has been added to change request',
             type: 'success',
-            title: isBulkArchive
+            text: isBulkArchive
                 ? 'Changes added to a draft'
                 : 'Change added to a draft',
         });
@@ -251,18 +248,16 @@ const useArchiveAction = ({
     const archiveToggle = async () => {
         await archiveFeatureToggle(projectId, featureIds[0]);
         setToastData({
-            text: 'Your feature flag has been archived',
             type: 'success',
-            title: 'Feature archived',
+            text: 'Feature flag archived',
         });
     };
 
     const archiveToggles = async () => {
         await archiveFeatures(projectId, featureIds);
         setToastData({
-            text: 'Selected feature flags have been archived',
             type: 'success',
-            title: 'Features archived',
+            text: 'Feature flags archived',
         });
     };
 

frontend/src/component/common/FeatureStaleDialog/FeatureStaleDialog.tsx

@@ -50,14 +50,12 @@ export const FeatureStaleDialog = ({
         if (isStale) {
             setToastData({
                 type: 'success',
-                title: "And we're back!",
+                text: 'The flag is no longer marked as stale',
-                text: 'The flag is no longer marked as stale.',
             });
         } else {
             setToastData({
                 type: 'success',
-                title: 'A job well done.',
+                text: 'The flag has been marked as stale',
-                text: 'The flag has been marked as stale.',
             });
         }
     };

frontend/src/component/common/FormTemplate/FormTemplate.tsx

@@ -259,16 +259,14 @@ const FormTemplate: React.FC<ICreateProps> = ({
         if (formatApiCode !== undefined) {
             if (copy(formatApiCode())) {
                 setToastData({
-                    title: 'Successfully copied the command',
+                    text: 'Command copied',
-                    text: 'The command should now be automatically copied to your clipboard',
                     autoHideDuration: 6000,
                     type: 'success',
                     show: true,
                 });
             } else {
                 setToastData({
-                    title: 'Could not copy the command',
+                    text: 'Could not copy the command',
-                    text: 'Sorry, but we could not copy the command.',
                     autoHideDuration: 6000,
                     type: 'error',
                     show: true,

frontend/src/component/common/ToastRenderer/Toast/Toast.tsx

@@ -7,7 +7,7 @@ import UIContext from 'contexts/UIContext';
 import Close from '@mui/icons-material/Close';
 import type { IToast } from 'interfaces/toast';
 
-const Toast = ({ title, type }: IToast) => {
+const Toast = ({ text, type }: IToast) => {
     const { setToast } = useContext(UIContext);
 
     const { classes: styles } = useStyles();
@@ -20,7 +20,7 @@ const Toast = ({ title, type }: IToast) => {
         <div className={classnames(styles.container, 'dropdown-outline')}>
             <CheckMarkBadge type={type} className={styles.checkMark} />
 
-            <h3 className={styles.headerStyles}>{title}</h3>
+            <h3 className={styles.headerStyles}>{text}</h3>
 
             <Tooltip title='Close' arrow>
                 <IconButton

frontend/src/component/context/ContextList/ContextList/ContextList.tsx

@@ -142,8 +142,7 @@ const ContextList: VFC = () => {
             refetchUnleashContext();
             setToastData({
                 type: 'success',
-                title: 'Successfully deleted context',
+                text: 'Context field deleted',
-                text: 'Your context is now deleted',
             });
         } catch (error) {
             setToastApiError(formatUnknownError(error));

frontend/src/component/context/CreateUnleashContext/CreateUnleashContext.tsx

@@ -51,8 +51,7 @@ export const CreateUnleashContext = ({
                 await createContext(payload);
                 refetchUnleashContext();
                 setToastData({
-                    title: 'Context created',
+                    text: 'Context field created',
-                    confetti: true,
                     type: 'success',
                 });
                 onSubmit();

frontend/src/component/context/EditContext/EditContext.tsx

@@ -63,7 +63,7 @@ export const EditContext = () => {
             refetch();
             navigate('/context');
             setToastData({
-                title: 'Context information updated',
+                text: 'Context information updated',
                 type: 'success',
             });
         } catch (e: unknown) {

frontend/src/component/environments/CreateEnvironment/CreateEnvironment.tsx

@@ -43,9 +43,8 @@ const CreateEnvironment = () => {
                 await createEnvironment(payload);
                 refetch();
                 setToastData({
-                    title: 'Environment created',
+                    text: 'Environment created',
                     type: 'success',
-                    confetti: true,
                 });
                 navigate('/environments');
             } catch (error: unknown) {

frontend/src/component/environments/EditEnvironment/EditEnvironment.tsx

@@ -49,7 +49,7 @@ const EditEnvironment = () => {
             navigate('/environments');
             setToastData({
                 type: 'success',
-                title: 'Successfully updated environment.',
+                text: 'Successfully updated environment.',
             });
         } catch (error: unknown) {
             setToastApiError(formatUnknownError(error));

frontend/src/component/environments/EnvironmentTable/EnvironmentActionCell/EnvironmentActionCell.tsx

@@ -43,8 +43,7 @@ export const EnvironmentActionCell = ({
             refetchPermissions();
             setToastData({
                 type: 'success',
-                title: 'Environment deleted',
+                text: `Environment deleted`,
-                text: `You have successfully deleted the ${environment.name} environment.`,
             });
         } catch (error: unknown) {
             setToastApiError(formatUnknownError(error));
@@ -60,13 +59,13 @@ export const EnvironmentActionCell = ({
                 await toggleEnvironmentOff(environment.name);
                 setToastData({
                     type: 'success',
-                    title: 'Environment deprecated successfully',
+                    text: 'Environment deprecated',
                 });
             } else {
                 await toggleEnvironmentOn(environment.name);
                 setToastData({
                     type: 'success',
-                    title: 'Environment undeprecated successfully',
+                    text: 'Environment undeprecated',
                 });
             }
         } catch (error: unknown) {
@@ -89,8 +88,7 @@ export const EnvironmentActionCell = ({
                     } else {
                         setToastData({
                             type: 'error',
-                            title: 'Environment limit reached',
+                            text: `Environment limit (${environmentLimit}) reached`,
-                            text: `You have reached the maximum number of environments (${environmentLimit}). Please reach out if you need more.`,
                         });
                     }
                 }}

frontend/src/component/environments/EnvironmentTable/EnvironmentActionCell/EnvironmentCloneModal/EnvironmentCloneModal.tsx

@@ -184,7 +184,7 @@ export const EnvironmentCloneModal = ({
                 newToken(token);
             }
             setToastData({
-                title: 'Environment successfully cloned!',
+                text: 'Environment cloned',
                 type: 'success',
             });
             refetchEnvironments();

frontend/src/component/feature/Dependencies/useManageDependency.ts

@@ -63,12 +63,8 @@ export const useManageDependency = (
         }
         void refetchChangeRequests();
         setToastData({
-            text:
-                actionType === 'addDependency'
-                    ? `${featureId} will depend on ${parent}`
-                    : `${featureId} dependency will be removed`,
             type: 'success',
-            title: 'Change added to a draft',
+            text: 'Change added to draft',
         });
     };
 
@@ -95,7 +91,7 @@ export const useManageDependency = (
                         eventType: 'dependency removed',
                     },
                 });
-                setToastData({ title: 'Dependency removed', type: 'success' });
+                setToastData({ text: 'Dependency removed', type: 'success' });
             } else {
                 await addDependency(featureId, {
                     feature: parent,
@@ -110,7 +106,7 @@ export const useManageDependency = (
                         eventType: 'dependency added',
                     },
                 });
-                setToastData({ title: 'Dependency added', type: 'success' });
+                setToastData({ text: 'Dependency added', type: 'success' });
             }
         } catch (error) {
             setToastApiError(formatUnknownError(error));

frontend/src/component/feature/EditFeature/EditFeature.tsx

@@ -54,7 +54,7 @@ const EditFeature = () => {
             await patchFeatureFlag(project, featureId, patch);
             navigate(`/projects/${project}/features/${name}`);
             setToastData({
-                title: 'Flag updated successfully',
+                text: 'Flag updated',
                 type: 'success',
             });
         } catch (error: unknown) {

frontend/src/component/feature/FeatureStrategy/FeatureStrategyCreate/FeatureStrategyCreate.tsx

@@ -150,9 +150,8 @@ export const FeatureStrategyCreate = () => {
         );
 
         setToastData({
-            title: 'Strategy created',
+            text: 'Strategy created',
             type: 'success',
-            confetti: true,
         });
     };
 
@@ -164,9 +163,8 @@ export const FeatureStrategyCreate = () => {
         });
         // FIXME: segments in change requests
         setToastData({
-            title: 'Strategy added to draft',
+            text: 'Strategy added to draft',
             type: 'success',
-            confetti: true,
         });
         refetchChangeRequests();
     };

frontend/src/component/feature/FeatureStrategy/FeatureStrategyEdit/FeatureStrategyEdit.tsx

@@ -209,9 +209,8 @@ export const FeatureStrategyEdit = () => {
 
         await refetchSavedStrategySegments();
         setToastData({
-            title: 'Strategy updated',
+            text: 'Strategy updated',
             type: 'success',
-            confetti: true,
         });
     };
 
@@ -223,9 +222,8 @@ export const FeatureStrategyEdit = () => {
         });
         // FIXME: segments in change requests
         setToastData({
-            title: 'Change added to draft',
+            text: 'Change added to draft',
             type: 'success',
-            confetti: true,
         });
         refetchChangeRequests();
     };

frontend/src/component/feature/FeatureStrategy/FeatureStrategyEmpty/FeatureStrategyEmpty.tsx

@@ -78,10 +78,7 @@ export const FeatureStrategyEmpty = ({
         refetchFeatureImmutable();
 
         setToastData({
-            title: multiple ? 'Strategies created' : 'Strategy created',
+            text: multiple ? 'Strategies created' : 'Strategy created',
-            text: multiple
-                ? 'Successfully copied from another environment'
-                : 'Successfully created strategy',
             type: 'success',
         });
     };

frontend/src/component/feature/FeatureStrategy/FeatureStrategyMenu/FeatureReleasePlanCard/FeatureReleasePlanCard.tsx

@@ -75,7 +75,7 @@ export const FeatureReleasePlanCard = ({
             );
             setToastData({
                 type: 'success',
-                title: 'Release plan added',
+                text: 'Release plan added',
             });
             refetch();
         } catch (error: unknown) {

frontend/src/component/feature/FeatureToggleList/BulkDisableDialog.tsx

@@ -73,9 +73,8 @@ export const BulkDisableDialog = ({
                 );
                 refetchChangeRequests();
                 setToastData({
-                    text: 'Your disabled feature flags changes have been added to change request',
                     type: 'success',
-                    title: 'Changes added to a draft',
+                    text: 'Changes added to draft',
                 });
             } else {
                 await bulkToggleFeaturesEnvironmentOff(
@@ -84,9 +83,8 @@ export const BulkDisableDialog = ({
                     selected,
                 );
                 setToastData({
-                    text: 'Your feature flags have been disabled',
                     type: 'success',
-                    title: 'Features disabled',
+                    text: 'Feature flags disabled',
                 });
             }
             onClose();

frontend/src/component/feature/FeatureToggleList/BulkEnableDialog.tsx

@@ -73,9 +73,8 @@ export const BulkEnableDialog = ({
                 );
                 refetchChangeRequests();
                 setToastData({
-                    text: 'Your enable feature flags changes have been added to change request',
                     type: 'success',
-                    title: 'Changes added to a draft',
+                    text: 'Changes added to draft',
                 });
             } else {
                 await bulkToggleFeaturesEnvironmentOn(
@@ -84,9 +83,8 @@ export const BulkEnableDialog = ({
                     selected,
                 );
                 setToastData({
-                    text: 'Your feature flags have been enabled',
                     type: 'success',
-                    title: 'Features enabled',
+                    text: 'Feature flags enabled',
                 });
             }
 

frontend/src/component/feature/FeatureView/FeatureOverview/FeatureOverviewEnvironments/FeatureOverviewEnvironment/EnvironmentAccordionBody/EnvironmentAccordionBody.tsx

@@ -111,7 +111,7 @@ const EnvironmentAccordionBody = ({
             );
             refetchFeature();
             setToastData({
-                title: 'Order of strategies updated',
+                text: 'Order of strategies updated',
                 type: 'success',
             });
         } catch (error: unknown) {
@@ -129,9 +129,8 @@ const EnvironmentAccordionBody = ({
         });
 
         setToastData({
-            title: 'Strategy execution order added to draft',
+            text: 'Strategy execution order added to draft',
             type: 'success',
-            confetti: true,
         });
         refetchChangeRequests();
     };

frontend/src/component/feature/FeatureView/FeatureOverview/FeatureOverviewEnvironments/FeatureOverviewEnvironment/EnvironmentAccordionBody/StrategyDraggableItem/StrategyItem/CopyStrategyIconMenu/CopyStrategyIconMenu.tsx

@@ -86,8 +86,7 @@ export const CopyStrategyIconMenu: VFC<ICopyStrategyIconMenuProps> = ({
             refetchFeature();
             refetchFeatureImmutable();
             setToastData({
-                title: `Strategy created`,
+                text: `Strategy copied to ${targetEnvironment}`,
-                text: `Successfully copied a strategy to ${targetEnvironment}`,
                 type: 'success',
             });
         } catch (error) {

frontend/src/component/feature/FeatureView/FeatureOverview/FeatureOverviewEnvironments/FeatureOverviewEnvironment/EnvironmentAccordionBody/StrategyDraggableItem/StrategyItem/MenuStrategyRemove/DialogStrategyRemove.tsx

@@ -194,7 +194,7 @@ const useOnRemove = ({
                 strategyId,
             );
             setToastData({
-                title: 'Strategy deleted',
+                text: 'Strategy deleted',
                 type: 'success',
             });
             refetchFeature();
@@ -227,7 +227,7 @@ const useOnSuggestRemove = ({
                 },
             });
             setToastData({
-                title: 'Changes added to the draft!',
+                text: 'Changes added to draft',
                 type: 'success',
             });
             await refetchChangeRequests();

frontend/src/component/feature/FeatureView/FeatureOverview/FeatureOverviewEnvironments/FeatureOverviewEnvironment/EnvironmentAccordionBody/StrategyDraggableItem/StrategyItem/MenuStrategyRemove/DisableEnableStrategyDialog/hooks/useEnableDisable.ts

@@ -24,7 +24,7 @@ export const useEnableDisable = ({
                 !enabled,
             );
             setToastData({
-                title: `Strategy ${enabled ? 'enabled' : 'disabled'}`,
+                text: `Strategy ${enabled ? 'enabled' : 'disabled'}`,
                 type: 'success',
             });
 

frontend/src/component/feature/FeatureView/FeatureOverview/FeatureOverviewEnvironments/FeatureOverviewEnvironment/EnvironmentAccordionBody/StrategyDraggableItem/StrategyItem/MenuStrategyRemove/DisableEnableStrategyDialog/hooks/useSuggestEnableDisable.ts

@@ -25,7 +25,7 @@ export const useSuggestEnableDisable = ({
                 },
             });
             setToastData({
-                title: 'Changes added to the draft!',
+                text: 'Changes added to draft',
                 type: 'success',
             });
             await refetchChangeRequests();

frontend/src/component/feature/FeatureView/FeatureOverview/FeatureOverviewMetaData/DependencyRow.tsx

@@ -69,9 +69,8 @@ const useDeleteDependency = (project: string, featureId: string) => {
                     },
                 });
                 setToastData({
-                    text: `${featureId} dependency will be removed`,
                     type: 'success',
-                    title: 'Change added to a draft',
+                    text: 'Change added to draft',
                 });
                 await refetchChangeRequests();
             } else {
@@ -81,7 +80,7 @@ const useDeleteDependency = (project: string, featureId: string) => {
                         eventType: 'dependency removed',
                     },
                 });
-                setToastData({ title: 'Dependency removed', type: 'success' });
+                setToastData({ text: 'Dependency removed', type: 'success' });
                 await refetchFeature();
             }
         } catch (error) {

frontend/src/component/feature/FeatureView/FeatureOverview/FeatureOverviewMetaData/FeatureOverviewMetaData.test.tsx

@@ -255,7 +255,7 @@ test('delete dependency with change request', async () => {
     const deleteButton = await screen.findByText('Delete');
     fireEvent.click(deleteButton);
 
-    await screen.findByText('Change added to a draft');
+    await screen.findByText('Change added to draft');
 });
 
 test('edit dependency', async () => {

frontend/src/component/feature/FeatureView/FeatureOverview/FeatureOverviewMetaData/OldDependencyRow.tsx

@@ -60,9 +60,8 @@ const useDeleteDependency = (project: string, featureId: string) => {
                     },
                 });
                 setToastData({
-                    text: `${featureId} dependency will be removed`,
                     type: 'success',
-                    title: 'Change added to a draft',
+                    text: 'Change added to draft',
                 });
                 await refetchChangeRequests();
             } else {
@@ -72,7 +71,7 @@ const useDeleteDependency = (project: string, featureId: string) => {
                         eventType: 'dependency removed',
                     },
                 });
-                setToastData({ title: 'Dependency removed', type: 'success' });
+                setToastData({ text: 'Dependency removed', type: 'success' });
                 await refetchFeature();
             }
         } catch (error) {

frontend/src/component/feature/FeatureView/FeatureOverview/FeatureOverviewMetaData/TagRow.tsx

@@ -92,8 +92,7 @@ export const TagRow = ({ feature }: IFeatureOverviewSidePanelTagsProps) => {
             refetch();
             setToastData({
                 type: 'success',
-                title: 'Tag removed',
+                text: 'Tag removed',
-                text: 'Successfully removed tag',
             });
         } catch (error: unknown) {
             setToastApiError(formatUnknownError(error));

frontend/src/component/feature/FeatureView/FeatureOverview/FeatureOverviewSidePanel/FeatureOverviewSidePanelTags/FeatureOverviewSidePanelTags.tsx

@@ -71,8 +71,7 @@ export const FeatureOverviewSidePanelTags = ({
             refetch();
             setToastData({
                 type: 'success',
-                title: 'Tag deleted',
+                text: 'Tag deleted',
-                text: 'Successfully deleted tag',
             });
         } catch (error: unknown) {
             setToastApiError(formatUnknownError(error));

frontend/src/component/feature/FeatureView/FeatureOverview/ManageTagsDialog/ManageTagsDialog.tsx

@@ -10,7 +10,6 @@ import { Dialogue } from 'component/common/Dialogue/Dialogue';
 import useFeatureApi from 'hooks/api/actions/useFeatureApi/useFeatureApi';
 import useFeatureTags from 'hooks/api/getters/useFeatureTags/useFeatureTags';
 import useToast from 'hooks/useToast';
-import { formatUnknownError } from 'utils/formatUnknownError';
 import { useRequiredPathParam } from 'hooks/useRequiredPathParam';
 import type { ITag, ITagType } from 'interfaces/tags';
 import { type TagOption, TagsInput } from './TagsInput';
@@ -134,12 +133,9 @@ export const ManageTagsDialog = ({ open, setOpen }: IManageTagsProps) => {
             });
             await refetch();
         } catch (error: unknown) {
-            const message = formatUnknownError(error);
             setToastData({
                 type: 'error',
-                title: `Failed to add tag`,
+                text: 'Failed to add tag',
-                text: message,
-                confetti: false,
             });
         }
     };
@@ -179,9 +175,7 @@ export const ManageTagsDialog = ({ open, setOpen }: IManageTagsProps) => {
             differenceCount > 0 &&
                 setToastData({
                     type: 'success',
-                    title: `Updated tag${added.length > 1 ? 's' : ''} to flag`,
+                    text: `Updated tag${added.length > 1 ? 's' : ''} to flag`,
-                    text: getToastText(added.length, removed.length),
-                    confetti: true,
                 });
         }
         setDifferenceCount(0);

frontend/src/component/feature/FeatureView/FeatureOverview/NewFeatureOverviewEnvironment/FeatureOverviewEnvironmentBody.tsx

@@ -120,7 +120,7 @@ export const FeatureOverviewEnvironmentBody = ({
             );
             refetchFeature();
             setToastData({
-                title: 'Order of strategies updated',
+                text: 'Order of strategies updated',
                 type: 'success',
             });
         } catch (error: unknown) {
@@ -138,9 +138,8 @@ export const FeatureOverviewEnvironmentBody = ({
         });
 
         setToastData({
-            title: 'Strategy execution order added to draft',
+            text: 'Strategy execution order added to draft',
             type: 'success',
-            confetti: true,
         });
         refetchChangeRequests();
     };

frontend/src/component/feature/FeatureView/FeatureOverview/ReleasePlan/ReleasePlan.tsx

@@ -101,7 +101,7 @@ export const ReleasePlan = ({
                 id,
             );
             setToastData({
-                title: `Release plan "${name}" has been removed from ${featureName} in ${environment}`,
+                text: `Release plan "${name}" has been removed from ${featureName} in ${environment}`,
                 type: 'success',
             });
             refetch();
@@ -121,7 +121,7 @@ export const ReleasePlan = ({
                 milestone.id,
             );
             setToastData({
-                title: `Milestone "${milestone.name}" has started`,
+                text: `Milestone "${milestone.name}" has started`,
                 type: 'success',
             });
             refetch();

frontend/src/component/feature/FeatureView/FeatureSettings/FeatureSettingsProject/FeatureSettingsProject.tsx

@@ -34,7 +34,7 @@ const FeatureSettingsProject = () => {
             if (project) {
                 await changeFeatureProject(projectId, featureId, project);
                 refetchFeature();
-                setToastData({ title: 'Project changed', type: 'success' });
+                setToastData({ text: 'Project changed', type: 'success' });
                 setShowConfirmDialog(false);
                 navigate(
                     `/projects/${project}/features/${featureId}/settings`,

frontend/src/component/feature/FeatureView/FeatureVariants/FeatureEnvironmentVariants/FeatureEnvironmentVariants.tsx

@@ -117,7 +117,7 @@ export const FeatureEnvironmentVariants = () => {
             if (error) {
                 setToastData({
                     type: 'error',
-                    title: error,
+                    text: error,
                 });
                 return;
             }
@@ -183,7 +183,7 @@ export const FeatureEnvironmentVariants = () => {
                 pushTitle && draftTitle ? '. ' : ''
             }${draftTitle}`;
             setToastData({
-                title,
+                text: title,
                 type: 'success',
             });
         } catch (error: unknown) {
@@ -202,7 +202,7 @@ export const FeatureEnvironmentVariants = () => {
                 await updateVariants(selectedEnvironment, updatedVariants);
                 setModalOpen(false);
                 setToastData({
-                    title: selectedEnvironment.crEnabled
+                    text: selectedEnvironment.crEnabled
                         ? `Variant changes added to draft`
                         : 'Variants updated successfully',
                     type: 'success',
@@ -221,7 +221,7 @@ export const FeatureEnvironmentVariants = () => {
             const variants = fromEnvironment.variants ?? [];
             await updateVariants(toEnvironment, variants);
             setToastData({
-                title: toEnvironment.crEnabled
+                text: toEnvironment.crEnabled
                     ? 'Variants copy added to draft'
                     : 'Variants copied successfully',
                 type: 'success',

frontend/src/component/feature/FeatureView/FeatureView.tsx

@@ -224,7 +224,7 @@ export const FeatureView = () => {
         } catch (error: unknown) {
             setToastData({
                 type: 'error',
-                title: 'Could not copy feature name',
+                text: 'Could not copy feature name',
             });
         }
     };

frontend/src/component/featureTypes/FeatureTypeEdit/FeatureTypeForm/FeatureTypeForm.tsx

@@ -82,7 +82,7 @@ export const FeatureTypeForm: VFC<FeatureTypeFormProps> = ({
             await updateFeatureTypeLifetime(featureType.id, value);
             refetch();
             setToastData({
-                title: 'Feature type updated',
+                text: 'Feature type updated',
                 type: 'success',
             });
             navigate('/feature-toggle-type');

frontend/src/component/feedback/FeedbackCES/FeedbackCESForm.tsx

@@ -77,8 +77,7 @@ export const FeedbackCESForm = ({ state, onClose }: IFeedbackCESFormProps) => {
             await sendFeedbackInput(form);
             setToastData({
                 type: 'success',
-                title: 'Feedback sent. Thank you!',
+                text: 'Feedback sent. Thank you!',
-                confetti: true,
             });
             onClose();
         } finally {

frontend/src/component/feedbackNew/FeedbackComponent.tsx

@@ -260,7 +260,7 @@ export const FeedbackComponent = ({
         }
 
         setToastData({
-            title: toastTitle,
+            text: toastTitle,
             type: toastType,
         });
         closeFeedback();

frontend/src/component/integrations/IntegrationForm/IntegrationDelete/IntegrationDelete.tsx

@@ -33,8 +33,7 @@ export const IntegrationDelete: VFC<IIntegrationDeleteProps> = ({ id }) => {
             refetchAddons();
             setToastData({
                 type: 'success',
-                title: 'Success',
+                text: 'Integration deleted',
-                text: 'Deleted addon successfully',
             });
         } catch (error: unknown) {
             setToastApiError(formatUnknownError(error));

frontend/src/component/integrations/IntegrationForm/IntegrationForm.tsx

@@ -251,15 +251,14 @@ export const IntegrationForm: FC<IntegrationFormProps> = ({
                 navigate('/integrations');
                 setToastData({
                     type: 'success',
-                    title: 'Integration updated successfully',
+                    text: 'Integration updated',
                 });
             } else {
                 await createAddon(formValues as Omit<AddonSchema, 'id'>);
                 navigate('/integrations');
                 setToastData({
                     type: 'success',
-                    confetti: true,
+                    text: 'Integration created',
-                    title: 'Integration created successfully',
                 });
             }
         } catch (error) {

frontend/src/component/integrations/IntegrationList/IntegrationCard/IntegrationCardMenu/IntegrationCardMenu.tsx

@@ -76,10 +76,9 @@ export const IntegrationCardMenu: VFC<IIntegrationCardMenuProps> = ({
             refetchAddons();
             setToastData({
                 type: 'success',
-                title: 'Success',
                 text: !addon.enabled
-                    ? 'Integration is now enabled'
+                    ? 'Integration enabled'
-                    : 'Integration is now disabled',
+                    : 'Integration disabled',
             });
         } catch (error: unknown) {
             setToastApiError(formatUnknownError(error));
@@ -92,8 +91,7 @@ export const IntegrationCardMenu: VFC<IIntegrationCardMenuProps> = ({
             refetchAddons();
             setToastData({
                 type: 'success',
-                title: 'Success',
+                text: 'Integration deleted',
-                text: 'Integration has been deleted',
             });
         } catch (error: unknown) {
             setToastApiError(formatUnknownError(error));

frontend/src/component/onboarding/dialog/CodeRenderer.tsx

@@ -62,7 +62,7 @@ const CopyBlock: FC<{ title: string; code: string }> = ({ title, code }) => {
         copy(data);
         setToastData({
             type: 'success',
-            title: 'Copied to clipboard',
+            text: 'Copied to clipboard',
         });
     };
     const { setToastData } = useToast();

frontend/src/component/playground/Playground/AdvancedPlayground.tsx

@@ -150,7 +150,7 @@ export const AdvancedPlayground: FC<{
         } catch (error) {
             setToastData({
                 type: 'error',
-                title: `Failed to parse URL parameters: ${formatUnknownError(
+                text: `Failed to parse URL parameters: ${formatUnknownError(
                     error,
                 )}`,
             });
@@ -233,14 +233,12 @@ export const AdvancedPlayground: FC<{
             } else if (error instanceof SyntaxError) {
                 setToastData({
                     type: 'error',
-                    title: `Error parsing context: ${formatUnknownError(
+                    text: `Error parsing context: ${formatUnknownError(error)}`,
-                        error,
-                    )}`,
                 });
             } else {
                 setToastData({
                     type: 'error',
-                    title: formatUnknownError(error),
+                    text: formatUnknownError(error),
                 });
             }
         }

frontend/src/component/playground/Playground/PlaygroundForm/PlaygroundCodeFieldset/PlaygroundCodeFieldset.tsx

@@ -112,7 +112,7 @@ export const PlaygroundCodeFieldset: VFC<IPlaygroundCodeFieldsetProps> = ({
         } catch (error) {
             setToastData({
                 type: 'error',
-                title: `Error parsing context: ${formatUnknownError(error)}`,
+                text: `Error parsing context: ${formatUnknownError(error)}`,
             });
         }
     };

frontend/src/component/project/Project/ArchiveProject/ArchiveProjectDialogue.tsx

@@ -29,9 +29,8 @@ export const ArchiveProjectDialogue = ({
             await archiveProject(project);
             refetchProjectOverview();
             setToastData({
-                title: 'Archived project',
+                text: 'Project archived',
                 type: 'success',
-                text: 'Successfully archived project',
             });
             onSuccess?.();
         } catch (ex: unknown) {

frontend/src/component/project/Project/CreateProject/NewCreateProjectForm/CreateProjectDialog.tsx

@@ -178,9 +178,7 @@ export const CreateProjectDialog = ({
                 refetchUser();
                 navigate(`/projects/${createdProject.id}`);
                 setToastData({
-                    title: 'Project created',
+                    text: 'Project created',
-                    text: 'Now you can add flags to this project',
-                    confetti: true,
                     type: 'success',
                 });
 

frontend/src/component/project/Project/DeleteProject/DeleteProjectDialogue.tsx

@@ -43,9 +43,8 @@ export const DeleteProjectDialogue = ({
             refetchProjects();
             refetchProjectArchive();
             setToastData({
-                title: 'Deleted project',
+                text: 'Project deleted',
                 type: 'success',
-                text: 'Successfully deleted project',
             });
             onSuccess?.();
         } catch (ex: unknown) {

frontend/src/component/project/Project/Import/configure/ConfigurationStage.tsx

@@ -89,14 +89,14 @@ export const ImportArea: FC<{
                         setActiveTab('code');
                         setToastData({
                             type: 'success',
-                            title: 'File uploaded',
+                            text: 'File uploaded',
                         });
                     }}
                     onError={(error) => {
                         setImportPayload('');
                         setToastData({
                             type: 'error',
-                            title: error,
+                            text: error,
                         });
                     }}
                     onDragStatusChange={setDragActive}

frontend/src/component/project/Project/Import/import/ImportStage.tsx

@@ -80,7 +80,7 @@ export const ImportStage: FC<{
             .catch((error) => {
                 setToastData({
                     type: 'error',
-                    title: formatUnknownError(error),
+                    text: formatUnknownError(error),
                 });
             });
     }, []);

frontend/src/component/project/Project/Import/validate/ValidationStage.tsx

@@ -124,7 +124,7 @@ export const ValidationStage: FC<{
                 setValidJSON(false);
                 setToastData({
                     type: 'error',
-                    title: formatUnknownError(error),
+                    text: formatUnknownError(error),
                 });
             });
     }, []);

frontend/src/component/project/Project/PaginatedProjectFeatureToggles/ProjectFeatureTogglesHeader/CreateFeatureDialog.tsx

@@ -164,9 +164,7 @@ const CreateFeatureDialogContent = ({
                     navigate(`/projects/${project}/features/${name}`);
                 }
                 setToastData({
-                    title: 'Flag created successfully',
+                    text: 'Flag created successfully',
-                    text: 'Now you can start using your flag.',
-                    confetti: true,
                     type: 'success',
                 });
                 onClose();

frontend/src/component/project/Project/Project.tsx

@@ -235,7 +235,7 @@ export const Project = () => {
             const text = created ? 'Project created' : 'Project updated';
             setToastData({
                 type: 'success',
-                title: text,
+                text,
             });
         }
         /* eslint-disable-next-line */

frontend/src/component/project/Project/ProjectFeatureToggles/ActionsCell/ActionsCell.tsx

@@ -81,7 +81,7 @@ export const ActionsCell: VFC<IActionsCellProps> = ({
         } catch (error: unknown) {
             setToastData({
                 type: 'error',
-                title: 'Could not copy feature name',
+                text: 'Could not copy feature name',
             });
         }
     };

frontend/src/component/project/Project/ProjectFeatureToggles/FeatureToggleSwitch/useFeatureToggleSwitch.tsx

@@ -170,8 +170,7 @@ export const useFeatureToggleSwitch: UseFeatureToggleSwitchType = (
 
                     setToastData({
                         type: 'success',
-                        title: `Enabled in ${config.environmentName}`,
+                        text: `Enabled in ${config.environmentName}`,
-                        text: `${config.featureId} is now available in ${config.environmentName} based on its defined strategies.`,
                     });
                     config.onSuccess?.();
                 } catch (error: unknown) {
@@ -193,8 +192,7 @@ export const useFeatureToggleSwitch: UseFeatureToggleSwitchType = (
                     );
                     setToastData({
                         type: 'success',
-                        title: `Disabled in ${config.environmentName}`,
+                        text: `Disabled in ${config.environmentName}`,
-                        text: `${config.featureId} is unavailable in ${config.environmentName} and its strategies will no longer have any effect.`,
                     });
                     config.onSuccess?.();
                 } catch (error: unknown) {

frontend/src/component/project/Project/ProjectFeatureToggles/ProjectFeaturesBatchActions/ManageTags.tsx

@@ -62,21 +62,19 @@ export const ManageTags: VFC<IManageTagsProps> = ({
         const features = data.map(({ name }) => name);
         const payload = { features, tags: { addedTags, removedTags } };
         try {
-            await bulkUpdateTags(payload, projectId);
+            console.log(addedTags, removedTags, features);
-            const added = addedTags.length
+            const toastText = [
-                ? `Added tags: ${addedTags
+                addedTags.length > 0 &&
-                      .map(({ type, value }) => `${type}:${value}`)
+                    `added ${addedTags.length} tag${addedTags.length > 1 ? 's' : ''}`,
-                      .join(', ')}.`
+                removedTags.length > 0 &&
-                : '';
+                    `removed ${removedTags.length} tag${removedTags.length > 1 ? 's' : ''}`,
-            const removed = removedTags.length
+            ]
-                ? `Removed tags: ${removedTags
+                .filter(Boolean)
-                      .map(({ type, value }) => `${type}:${value}`)
+                .join(' and ');
-                      .join(', ')}.`
-                : '';
 
+            await bulkUpdateTags(payload, projectId);
             setToastData({
-                title: 'Tags updated',
+                text: toastText,
-                text: `${features.length} feature flags updated. ${added} ${removed}`,
                 type: 'success',
                 autoHideDuration: 12000,
             });

frontend/src/component/project/Project/ProjectFeatureToggles/ProjectFeaturesBatchActions/MoreActions.tsx

@@ -58,7 +58,6 @@ export const MoreActions: VFC<IMoreActionsProps> = ({
             await staleFeatures(projectId, selectedIds);
             onChange?.();
             setToastData({
-                title: 'State updated',
                 text: 'Feature flags marked as stale',
                 type: 'success',
             });
@@ -78,7 +77,6 @@ export const MoreActions: VFC<IMoreActionsProps> = ({
             await staleFeatures(projectId, selectedIds, false);
             onChange?.();
             setToastData({
-                title: 'State updated',
                 text: 'Feature flags unmarked as stale',
                 type: 'success',
             });

frontend/src/component/project/Project/ProjectSettings/ChangeRequestConfiguration/ChangeRequestTable.tsx

@@ -96,8 +96,7 @@ export const ChangeRequestTable: VFC = () => {
             );
             setToastData({
                 type: 'success',
-                title: 'Updated change request status',
+                text: 'Change request status updated',
-                text: 'Successfully updated change request status.',
             });
             await refetchChangeRequestConfig();
         } catch (error) {

frontend/src/component/project/Project/ProjectSettings/ProjectActions/ProjectActionsTable/ProjectActionsModal/ProjectActionsModal.tsx

@@ -159,7 +159,7 @@ export const ProjectActionsModal = ({
                 await addActionSet(payload);
             }
             setToastData({
-                title: `action ${editing ? 'updated' : 'added'} successfully`,
+                text: `action ${editing ? 'updated' : 'added'} successfully`,
                 type: 'success',
             });
             refetch();

frontend/src/component/project/Project/ProjectSettings/ProjectActions/ProjectActionsTable/ProjectActionsTable.tsx

@@ -57,7 +57,7 @@ export const ProjectActionsTable = ({
         try {
             await toggleActionSet(action.id, enabled);
             setToastData({
-                title: `"${action.name}" has been ${
+                text: `"${action.name}" has been ${
                     enabled ? 'enabled' : 'disabled'
                 }`,
                 type: 'success',
@@ -72,7 +72,7 @@ export const ProjectActionsTable = ({
         try {
             await removeActionSet(action.id);
             setToastData({
-                title: `"${action.name}" has been deleted`,
+                text: `"${action.name}" has been deleted`,
                 type: 'success',
             });
             refetch();

frontend/src/component/project/Project/ProjectSettings/ProjectDefaultStrategySettings/ProjectEnvironment/ProjectEnvironmentDefaultStrategy/EditDefaultStrategy.tsx

@@ -107,9 +107,8 @@ const EditDefaultStrategy = () => {
         refetchSavedStrategySegments();
         refetchProjectOverview();
         setToastData({
-            title: 'Default Strategy updated',
+            text: 'Default Strategy updated',
             type: 'success',
-            confetti: true,
         });
     };
 

frontend/src/component/project/Project/ProjectSettings/Settings/EditProject/UpdateEnterpriseSettings.tsx

@@ -125,7 +125,7 @@ export const UpdateEnterpriseSettings = ({
             await editProjectSettings(id, payload);
             refetch();
             setToastData({
-                title: 'Project information updated',
+                text: 'Project information updated',
                 type: 'success',
             });
             trackPattern(featureNamingPattern);