handle failed export, show pattern actions for non-hover

Author: kaeizen

src/components/design-library-list/editor.scss

@@ -68,11 +68,17 @@
 		display: flex;
 		gap: 24px;
 		visibility: hidden;
+		@media (hover: none) {
+			opacity: 1;
+		}
 
 		.ugb-button-component {
 			width: 100%;
 			justify-content: center;
 			pointer-events: none;
+			@media (hover: none) {
+				pointer-events: auto;
+			}
 		}
 	}
 	&:hover {

src/welcome/import-export/index.js

@@ -140,22 +140,30 @@ const getExportFileName = () => {
 	return `stackable-export-${ y }${ m }${ d }-${ h }${ min }${ s }.json`
 }
 
-const ExportSettings = ( { settings, onClose } ) => {
+const ExportSettings = ( {
+	settings, onClose, setNotice,
+} ) => {
 	const [ exportedSettings, setExportedSettings ] = useState( {} )
 
 	const handleExport = () => {
-		const dataStr = JSON.stringify( exportedSettings, null, 4 )
-		const blob = new Blob( [ dataStr ], { type: 'application/json' } )
-		const url = URL.createObjectURL( blob )
-		const a = document.createElement( 'a' )
-		a.href = url
-
-		a.download = getExportFileName()
-		document.body.appendChild( a )
-		a.click()
-		document.body.removeChild( a )
-		URL.revokeObjectURL( url )
-		onClose()
+		try {
+			const dataStr = JSON.stringify( exportedSettings, null, 4 )
+			const blob = new Blob( [ dataStr ], { type: 'application/json' } )
+			const url = URL.createObjectURL( blob )
+			const a = document.createElement( 'a' )
+			a.href = url
+
+			a.download = getExportFileName()
+			document.body.appendChild( a )
+			a.click()
+			document.body.removeChild( a )
+			URL.revokeObjectURL( url )
+			onClose()
+		} catch ( e ) {
+			setNotice( __( 'Failed to export settings.', i18n ) )
+			// eslint-disable-next-line no-console
+			console.error( sprintf( __( 'Stackable: Export error - %s', i18n ), e ) )
+		}
 	}
 
 	const AllExportSettings = useMemo( () => applyFilters( 'stackable.admin-settings.export-settings', Fragment ), [] )