Changed main image to png avoiding svg styling #63554

client/my-sites/marketplace/pages/submission-success/signup-success.tsx

@@ -2,9 +2,9 @@ import { Gridicon } from '@automattic/components';
 import { ThemeProvider, Global, css } from '@emotion/react';
 import { Button } from '@wordpress/components';
 import { useTranslate } from 'i18n-calypso';
+import submissionSuccessImage from 'calypso/assets/images/marketplace/submission-success.png';
 import theme from 'calypso/my-sites/marketplace/theme';
 import MasterbarStyled from '../../components/masterbar-styled';
-import { WelcomeLogoIcon } from './welcome-logo-icon';
 import './style.scss';
 
 const SignupSuccess = (): JSX.Element => {
@@ -26,7 +26,7 @@ const SignupSuccess = (): JSX.Element => {
 			/>
 			<div className="signup-success">
 				<div className="signup-success__header">
-					<WelcomeLogoIcon />
+					<img src={ submissionSuccessImage } alt="Submission success" />
 					<h1 className="signup-success__header-title wp-brand-font">
 						{ translate( 'We’ ll be in touch' ) }
 					</h1>

client/my-sites/marketplace/pages/submission-success/style.scss

@@ -32,7 +32,8 @@
 		text-align: center;
 		min-height: 270px;
 
-		svg {
+		img {
+			max-width: 130px;
 			margin-bottom: 20px;
 		}
 	}

client/my-sites/marketplace/pages/submission-success/test/__snapshots__/index.js.snap

@@ -17,7 +17,7 @@ exports[`Marketplace SignupSuccess should render the page as expected 1`] = `
   <EmotionGlobal
     styles={
       Object {
-        "map": "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNpZ251cC1zdWNjZXNzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQmdCIiwiZmlsZSI6InNpZ251cC1zdWNjZXNzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEdyaWRpY29uIH0gZnJvbSAnQGF1dG9tYXR0aWMvY29tcG9uZW50cyc7XG5pbXBvcnQgeyBUaGVtZVByb3ZpZGVyLCBHbG9iYWwsIGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gJ0B3b3JkcHJlc3MvY29tcG9uZW50cyc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGUgfSBmcm9tICdpMThuLWNhbHlwc28nO1xuaW1wb3J0IHRoZW1lIGZyb20gJ2NhbHlwc28vbXktc2l0ZXMvbWFya2V0cGxhY2UvdGhlbWUnO1xuaW1wb3J0IE1hc3RlcmJhclN0eWxlZCBmcm9tICcuLi8uLi9jb21wb25lbnRzL21hc3RlcmJhci1zdHlsZWQnO1xuaW1wb3J0IHsgV2VsY29tZUxvZ29JY29uIH0gZnJvbSAnLi93ZWxjb21lLWxvZ28taWNvbic7XG5pbXBvcnQgJy4vc3R5bGUuc2Nzcyc7XG5cbmNvbnN0IFNpZ251cFN1Y2Nlc3MgPSAoKTogSlNYLkVsZW1lbnQgPT4ge1xuXHRjb25zdCB0cmFuc2xhdGUgPSB1c2VUcmFuc2xhdGUoKTtcblxuXHRyZXR1cm4gKFxuXHRcdDxUaGVtZVByb3ZpZGVyIHRoZW1lPXsgdGhlbWUgfT5cblx0XHRcdHsgLyogVXNpbmcgR2xvYmFsIHRvIG92ZXJyaWRlIEdsb2JhbCBtYXN0ZXJiYXIgaGVpZ2h0ICovIH1cblx0XHRcdDxHbG9iYWxcblx0XHRcdFx0c3R5bGVzPXsgY3NzYFxuXHRcdFx0XHRcdGJvZHkuaXMtc2VjdGlvbi1tYXJrZXRwbGFjZSB7XG5cdFx0XHRcdFx0XHQtLW1hc3RlcmJhci1oZWlnaHQ6IDcycHg7XG5cdFx0XHRcdFx0fVxuXHRcdFx0XHRgIH1cblx0XHRcdC8+XG5cdFx0XHQ8TWFzdGVyYmFyU3R5bGVkXG5cdFx0XHRcdG9uQ2xpY2s9eyAoKSA9PiAoIGRvY3VtZW50LmxvY2F0aW9uLmhyZWYgPSBgJHsgZG9jdW1lbnQubG9jYXRpb24ub3JpZ2luIH1gICkgfVxuXHRcdFx0XHRiYWNrVGV4dD17IHRyYW5zbGF0ZSggJ0JhY2sgdG8gV29yZFByZXNzLmNvbScgKSB9XG5cdFx0XHQvPlxuXHRcdFx0PGRpdiBjbGFzc05hbWU9XCJzaWdudXAtc3VjY2Vzc1wiPlxuXHRcdFx0XHQ8ZGl2IGNsYXNzTmFtZT1cInNpZ251cC1zdWNjZXNzX19oZWFkZXJcIj5cblx0XHRcdFx0XHQ8V2VsY29tZUxvZ29JY29uIC8+XG5cdFx0XHRcdFx0PGgxIGNsYXNzTmFtZT1cInNpZ251cC1zdWNjZXNzX19oZWFkZXItdGl0bGUgd3AtYnJhbmQtZm9udFwiPlxuXHRcdFx0XHRcdFx0eyB0cmFuc2xhdGUoICdXZeKAmSBsbCBiZSBpbiB0b3VjaCcgKSB9XG5cdFx0XHRcdFx0PC9oMT5cblx0XHRcdFx0XHQ8cD5cblx0XHRcdFx0XHRcdHsgdHJhbnNsYXRlKFxuXHRcdFx0XHRcdFx0XHQnVGhhbmsgeW91IGZvciBhcHBseSB0byBqb2luIHRoZSBXb3JkUHJlc3MuY29tIG1hcmtldHBsYWNlLiBXZeKAmWxsIGJlIGluIHRvdWNoIHdpdGggeW91IHZlcnkgc29vbiB0byBkaXNjdXNzIG5leHQgc3RlcHMuJ1xuXHRcdFx0XHRcdFx0KSB9XG5cdFx0XHRcdFx0PC9wPlxuXHRcdFx0XHQ8L2Rpdj5cblx0XHRcdFx0PGRpdiBjbGFzc05hbWU9XCJzaWdudXAtc3VjY2Vzc19fYm9keVwiPlxuXHRcdFx0XHRcdDxkaXYgY2xhc3NOYW1lPVwic2lnbnVwLXN1Y2Nlc3NfX3Jvd1wiPlxuXHRcdFx0XHRcdFx0PGRpdiBjbGFzc05hbWU9XCJzaWdudXAtc3VjY2Vzc19fcm93LWljb25cIj5cblx0XHRcdFx0XHRcdFx0PEdyaWRpY29uIGljb249XCJjYXJ0XCIgLz5cblx0XHRcdFx0XHRcdDwvZGl2PlxuXHRcdFx0XHRcdFx0PGRpdiBjbGFzc05hbWU9XCJzaWdudXAtc3VjY2Vzc19fcm93LWNvbnRlbnRcIj5cblx0XHRcdFx0XHRcdFx0PGgyPnsgdHJhbnNsYXRlKCAnTGVhcm4gTW9yZScgKSB9PC9oMj5cblx0XHRcdFx0XHRcdFx0PHA+eyB0cmFuc2xhdGUoICdSZWFkIG1vcmUgYWJvdXQgc2VsbGluZyBvbiB0aGUgV29yZFByZXNzLmNvbSBtYXJrZXRwbGFjZS4nICkgfTwvcD5cblx0XHRcdFx0XHRcdDwvZGl2PlxuXHRcdFx0XHRcdFx0PEJ1dHRvbiBpc1NlY29uZGFyeSBocmVmPVwiaHR0cHM6Ly9kZXZlbG9wZXIud29yZHByZXNzLmNvbS93b3JkcHJlc3MtY29tLW1hcmtldHBsYWNlL1wiPlxuXHRcdFx0XHRcdFx0XHR7IHRyYW5zbGF0ZSggJ0NvbnRpbnVlJyApIH1cblx0XHRcdFx0XHRcdDwvQnV0dG9uPlxuXHRcdFx0XHRcdDwvZGl2PlxuXHRcdFx0XHRcdDxociAvPlxuXHRcdFx0XHRcdDxkaXYgY2xhc3NOYW1lPVwic2lnbnVwLXN1Y2Nlc3NfX3Jvd1wiPlxuXHRcdFx0XHRcdFx0PGRpdiBjbGFzc05hbWU9XCJzaWdudXAtc3VjY2Vzc19fcm93LWljb25cIj5cblx0XHRcdFx0XHRcdFx0PEdyaWRpY29uIGljb249XCJjb2dcIiAvPlxuXHRcdFx0XHRcdFx0PC9kaXY+XG5cdFx0XHRcdFx0XHQ8ZGl2IGNsYXNzTmFtZT1cInNpZ251cC1zdWNjZXNzX19yb3ctY29udGVudFwiPlxuXHRcdFx0XHRcdFx0XHQ8aDI+eyB0cmFuc2xhdGUoICdWaWV3IHRoZSBtYXJrZXRwbGFjZScgKSB9PC9oMj5cblx0XHRcdFx0XHRcdFx0PHA+eyB0cmFuc2xhdGUoICdTaWduIGluIHRvIHNlZSB3aGF0IHRoZSBtYXJrZXRwbGFjZSBoYXMgdG8gb2ZmZXIuJyApIH08L3A+XG5cdFx0XHRcdFx0XHQ8L2Rpdj5cblx0XHRcdFx0XHRcdDxCdXR0b24gaXNTZWNvbmRhcnkgaHJlZj1cIi9wbHVnaW5zXCI+XG5cdFx0XHRcdFx0XHRcdHsgdHJhbnNsYXRlKCAnQ29udGludWUnICkgfVxuXHRcdFx0XHRcdFx0PC9CdXR0b24+XG5cdFx0XHRcdFx0PC9kaXY+XG5cdFx0XHRcdDwvZGl2PlxuXHRcdFx0PC9kaXY+XG5cdFx0PC9UaGVtZVByb3ZpZGVyPlxuXHQpO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgU2lnbnVwU3VjY2VzcztcbiJdfQ== */",
+        "map": "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNpZ251cC1zdWNjZXNzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQmdCIiwiZmlsZSI6InNpZ251cC1zdWNjZXNzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEdyaWRpY29uIH0gZnJvbSAnQGF1dG9tYXR0aWMvY29tcG9uZW50cyc7XG5pbXBvcnQgeyBUaGVtZVByb3ZpZGVyLCBHbG9iYWwsIGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gJ0B3b3JkcHJlc3MvY29tcG9uZW50cyc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGUgfSBmcm9tICdpMThuLWNhbHlwc28nO1xuaW1wb3J0IHN1Ym1pc3Npb25TdWNjZXNzSW1hZ2UgZnJvbSAnY2FseXBzby9hc3NldHMvaW1hZ2VzL21hcmtldHBsYWNlL3N1Ym1pc3Npb24tc3VjY2Vzcy5wbmcnO1xuaW1wb3J0IHRoZW1lIGZyb20gJ2NhbHlwc28vbXktc2l0ZXMvbWFya2V0cGxhY2UvdGhlbWUnO1xuaW1wb3J0IE1hc3RlcmJhclN0eWxlZCBmcm9tICcuLi8uLi9jb21wb25lbnRzL21hc3RlcmJhci1zdHlsZWQnO1xuaW1wb3J0ICcuL3N0eWxlLnNjc3MnO1xuXG5jb25zdCBTaWdudXBTdWNjZXNzID0gKCk6IEpTWC5FbGVtZW50ID0+IHtcblx0Y29uc3QgdHJhbnNsYXRlID0gdXNlVHJhbnNsYXRlKCk7XG5cblx0cmV0dXJuIChcblx0XHQ8VGhlbWVQcm92aWRlciB0aGVtZT17IHRoZW1lIH0+XG5cdFx0XHR7IC8qIFVzaW5nIEdsb2JhbCB0byBvdmVycmlkZSBHbG9iYWwgbWFzdGVyYmFyIGhlaWdodCAqLyB9XG5cdFx0XHQ8R2xvYmFsXG5cdFx0XHRcdHN0eWxlcz17IGNzc2Bcblx0XHRcdFx0XHRib2R5LmlzLXNlY3Rpb24tbWFya2V0cGxhY2Uge1xuXHRcdFx0XHRcdFx0LS1tYXN0ZXJiYXItaGVpZ2h0OiA3MnB4O1xuXHRcdFx0XHRcdH1cblx0XHRcdFx0YCB9XG5cdFx0XHQvPlxuXHRcdFx0PE1hc3RlcmJhclN0eWxlZFxuXHRcdFx0XHRvbkNsaWNrPXsgKCkgPT4gKCBkb2N1bWVudC5sb2NhdGlvbi5ocmVmID0gYCR7IGRvY3VtZW50LmxvY2F0aW9uLm9yaWdpbiB9YCApIH1cblx0XHRcdFx0YmFja1RleHQ9eyB0cmFuc2xhdGUoICdCYWNrIHRvIFdvcmRQcmVzcy5jb20nICkgfVxuXHRcdFx0Lz5cblx0XHRcdDxkaXYgY2xhc3NOYW1lPVwic2lnbnVwLXN1Y2Nlc3NcIj5cblx0XHRcdFx0PGRpdiBjbGFzc05hbWU9XCJzaWdudXAtc3VjY2Vzc19faGVhZGVyXCI+XG5cdFx0XHRcdFx0PGltZyBzcmM9eyBzdWJtaXNzaW9uU3VjY2Vzc0ltYWdlIH0gYWx0PVwiU3VibWlzc2lvbiBzdWNjZXNzXCIgLz5cblx0XHRcdFx0XHQ8aDEgY2xhc3NOYW1lPVwic2lnbnVwLXN1Y2Nlc3NfX2hlYWRlci10aXRsZSB3cC1icmFuZC1mb250XCI+XG5cdFx0XHRcdFx0XHR7IHRyYW5zbGF0ZSggJ1dl4oCZIGxsIGJlIGluIHRvdWNoJyApIH1cblx0XHRcdFx0XHQ8L2gxPlxuXHRcdFx0XHRcdDxwPlxuXHRcdFx0XHRcdFx0eyB0cmFuc2xhdGUoXG5cdFx0XHRcdFx0XHRcdCdUaGFuayB5b3UgZm9yIGFwcGx5IHRvIGpvaW4gdGhlIFdvcmRQcmVzcy5jb20gbWFya2V0cGxhY2UuIFdl4oCZbGwgYmUgaW4gdG91Y2ggd2l0aCB5b3UgdmVyeSBzb29uIHRvIGRpc2N1c3MgbmV4dCBzdGVwcy4nXG5cdFx0XHRcdFx0XHQpIH1cblx0XHRcdFx0XHQ8L3A+XG5cdFx0XHRcdDwvZGl2PlxuXHRcdFx0XHQ8ZGl2IGNsYXNzTmFtZT1cInNpZ251cC1zdWNjZXNzX19ib2R5XCI+XG5cdFx0XHRcdFx0PGRpdiBjbGFzc05hbWU9XCJzaWdudXAtc3VjY2Vzc19fcm93XCI+XG5cdFx0XHRcdFx0XHQ8ZGl2IGNsYXNzTmFtZT1cInNpZ251cC1zdWNjZXNzX19yb3ctaWNvblwiPlxuXHRcdFx0XHRcdFx0XHQ8R3JpZGljb24gaWNvbj1cImNhcnRcIiAvPlxuXHRcdFx0XHRcdFx0PC9kaXY+XG5cdFx0XHRcdFx0XHQ8ZGl2IGNsYXNzTmFtZT1cInNpZ251cC1zdWNjZXNzX19yb3ctY29udGVudFwiPlxuXHRcdFx0XHRcdFx0XHQ8aDI+eyB0cmFuc2xhdGUoICdMZWFybiBNb3JlJyApIH08L2gyPlxuXHRcdFx0XHRcdFx0XHQ8cD57IHRyYW5zbGF0ZSggJ1JlYWQgbW9yZSBhYm91dCBzZWxsaW5nIG9uIHRoZSBXb3JkUHJlc3MuY29tIG1hcmtldHBsYWNlLicgKSB9PC9wPlxuXHRcdFx0XHRcdFx0PC9kaXY+XG5cdFx0XHRcdFx0XHQ8QnV0dG9uIGlzU2Vjb25kYXJ5IGhyZWY9XCJodHRwczovL2RldmVsb3Blci53b3JkcHJlc3MuY29tL3dvcmRwcmVzcy1jb20tbWFya2V0cGxhY2UvXCI+XG5cdFx0XHRcdFx0XHRcdHsgdHJhbnNsYXRlKCAnQ29udGludWUnICkgfVxuXHRcdFx0XHRcdFx0PC9CdXR0b24+XG5cdFx0XHRcdFx0PC9kaXY+XG5cdFx0XHRcdFx0PGhyIC8+XG5cdFx0XHRcdFx0PGRpdiBjbGFzc05hbWU9XCJzaWdudXAtc3VjY2Vzc19fcm93XCI+XG5cdFx0XHRcdFx0XHQ8ZGl2IGNsYXNzTmFtZT1cInNpZ251cC1zdWNjZXNzX19yb3ctaWNvblwiPlxuXHRcdFx0XHRcdFx0XHQ8R3JpZGljb24gaWNvbj1cImNvZ1wiIC8+XG5cdFx0XHRcdFx0XHQ8L2Rpdj5cblx0XHRcdFx0XHRcdDxkaXYgY2xhc3NOYW1lPVwic2lnbnVwLXN1Y2Nlc3NfX3Jvdy1jb250ZW50XCI+XG5cdFx0XHRcdFx0XHRcdDxoMj57IHRyYW5zbGF0ZSggJ1ZpZXcgdGhlIG1hcmtldHBsYWNlJyApIH08L2gyPlxuXHRcdFx0XHRcdFx0XHQ8cD57IHRyYW5zbGF0ZSggJ1NpZ24gaW4gdG8gc2VlIHdoYXQgdGhlIG1hcmtldHBsYWNlIGhhcyB0byBvZmZlci4nICkgfTwvcD5cblx0XHRcdFx0XHRcdDwvZGl2PlxuXHRcdFx0XHRcdFx0PEJ1dHRvbiBpc1NlY29uZGFyeSBocmVmPVwiL3BsdWdpbnNcIj5cblx0XHRcdFx0XHRcdFx0eyB0cmFuc2xhdGUoICdDb250aW51ZScgKSB9XG5cdFx0XHRcdFx0XHQ8L0J1dHRvbj5cblx0XHRcdFx0XHQ8L2Rpdj5cblx0XHRcdFx0PC9kaXY+XG5cdFx0XHQ8L2Rpdj5cblx0XHQ8L1RoZW1lUHJvdmlkZXI+XG5cdCk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBTaWdudXBTdWNjZXNzO1xuIl19 */",
         "name": "sizr66-SignupSuccess",
         "styles": "body.is-section-marketplace{--masterbar-height:72px;};label:SignupSuccess;",
         "toString": [Function],
@@ -34,7 +34,10 @@ exports[`Marketplace SignupSuccess should render the page as expected 1`] = `
     <div
       className="signup-success__header"
     >
-      <WelcomeLogoIcon />
+      <img
+        alt="Submission success"
+        src="submission-success.png"
+      />
       <h1
         className="signup-success__header-title wp-brand-font"
       >