feat: Initial clean release of CHM

packages/app-desktop/gui/TrashNotification/TrashNotification.tsx

@@ -0,0 +1,61 @@
+import * as React from 'react';
+import { useContext, useEffect, useRef } from 'react';
+import { StateLastDeletion } from '@joplin/lib/reducer';
+import { _, _n } from '@joplin/lib/locale';
+import restoreItems from '@joplin/lib/services/trash/restoreItems';
+import { ModelType } from '@joplin/lib/BaseModel';
+import { Dispatch } from 'redux';
+import { PopupNotificationContext } from '../PopupNotification/PopupNotificationProvider';
+import { NotificationType } from '../PopupNotification/types';
+import TrashNotificationMessage from './TrashNotificationMessage';
+
+interface Props {
+	lastDeletion: StateLastDeletion;
+	lastDeletionNotificationTime: number;
+	themeId: number;
+	dispatch: Dispatch;
+}
+
+const onCancelClick = async (lastDeletion: StateLastDeletion) => {
+	if (lastDeletion.folderIds.length) {
+		await restoreItems(ModelType.Folder, lastDeletion.folderIds);
+	}
+
+	if (lastDeletion.noteIds.length) {
+		await restoreItems(ModelType.Note, lastDeletion.noteIds);
+	}
+};
+
+export default (props: Props) => {
+	const popupManager = useContext(PopupNotificationContext);
+
+	const lastDeletionNotificationTimeRef = useRef<number>(props.lastDeletionNotificationTime);
+	lastDeletionNotificationTimeRef.current = props.lastDeletionNotificationTime;
+
+	useEffect(() => {
+		const lastDeletionNotificationTime = lastDeletionNotificationTimeRef.current;
+		if (!props.lastDeletion || props.lastDeletion.timestamp <= lastDeletionNotificationTime) return;
+
+		props.dispatch({ type: 'DELETION_NOTIFICATION_DONE' });
+
+		let msg = '';
+		if (props.lastDeletion.folderIds.length) {
+			msg = _('The notebook and its content was successfully moved to the trash.');
+		} else if (props.lastDeletion.noteIds.length) {
+			msg = _n('The note was successfully moved to the trash.', 'The notes were successfully moved to the trash.', props.lastDeletion.noteIds.length);
+		} else {
+			return;
+		}
+
+		const handleCancelClick = () => {
+			notification.remove();
+			void onCancelClick(props.lastDeletion);
+		};
+		const notification = popupManager.createPopup(() => (
+			<TrashNotificationMessage message={msg} onCancel={handleCancelClick}/>
+		), { type: NotificationType.Success });
+		notification.scheduleDismiss();
+	}, [props.lastDeletion, props.dispatch, popupManager]);
+
+	return <div style={{ display: 'none' }}/>;
+};

packages/app-desktop/gui/TrashNotification/TrashNotificationMessage.tsx

@@ -0,0 +1,27 @@
+import * as React from 'react';
+import { _ } from '@joplin/lib/locale';
+import { useCallback, useState } from 'react';
+
+interface Props {
+	message: string;
+	onCancel: ()=> void;
+}
+
+const TrashNotificationMessage: React.FC<Props> = props => {
+	const [cancelling, setCancelling] = useState(false);
+	const onCancel = useCallback(() => {
+		setCancelling(true);
+		props.onCancel();
+	}, [props.onCancel]);
+
+	return <>
+		{props.message}
+		{' '}
+		<button
+			className="link-button"
+			onClick={onCancel}
+		>{cancelling ? _('Cancelling...') : _('Cancel')}</button>
+	</>;
+};
+
+export default TrashNotificationMessage;