✨ Add & display loves on map

assets/AddIcon.tsx

@@ -0,0 +1,22 @@
+import { SVGProps } from 'react';
+
+const AddIcon = (props: SVGProps<SVGSVGElement>) => {
+	return (
+		<svg
+			xmlns='http://www.w3.org/2000/svg'
+			viewBox='0 0 512 512'
+			{...props}
+		>
+			<path
+				fill='none'
+				stroke='currentColor'
+				strokeLinecap='round'
+				strokeLinejoin='round'
+				strokeWidth='32'
+				d='M256 112v288M400 256H112'
+			/>
+		</svg>
+	);
+};
+
+export default AddIcon;

assets/Loader.tsx

@@ -10,7 +10,7 @@ const Loader = (props?: SVGProps<SVGSVGElement>) => {
 		>
 			<g
 				fill='none'
-				fill-rule='evenodd'
+				fillRule='evenodd'
 			>
 				<g
 					transform='translate(1 1)'

assets/PinIcon.tsx

@@ -0,0 +1,37 @@
+const PinIcon = (props) => {
+	return (
+		<svg
+			xmlns='http://www.w3.org/2000/svg'
+			version='1.1'
+			x='0px'
+			y='0px'
+			viewBox='0 0 100 100'
+			{...props}
+		>
+			<g>
+				<path d='M82.1,34.9C80.9,19.2,68.1,6.5,52.3,5.4C33.5,4.1,17.8,19,17.8,37.6c0,6.7,2,12.9,5.5,18c4.2,6.2,16.2,23.7,22.6,33.1   c2,2.9,6.3,2.9,8.2,0c6.4-9.3,18.4-26.9,22.6-33.1C80.7,49.8,82.7,42.6,82.1,34.9z M50,56c-10.2,0-18.5-8.3-18.5-18.5   S39.8,19,50,19c10.2,0,18.5,8.3,18.5,18.5S60.2,56,50,56z' />
+			</g>
+		</svg>
+	);
+};
+
+export default PinIcon;
+
+export const StringifiedPinIcon = () => {
+	return `
+		<svg
+			xmlns='http://www.w3.org/2000/svg'
+			version='1.1'
+			width='100'
+			height='100'
+			viewBox='0 0 100 100'
+			fill='#d94253'
+		>
+			<g>
+				<path 
+					d='M82.1,34.9C80.9,19.2,68.1,6.5,52.3,5.4C33.5,4.1,17.8,19,17.8,37.6c0,6.7,2,12.9,5.5,18c4.2,6.2,16.2,23.7,22.6,33.1   c2,2.9,6.3,2.9,8.2,0c6.4-9.3,18.4-26.9,22.6-33.1C80.7,49.8,82.7,42.6,82.1,34.9z M50,56c-10.2,0-18.5-8.3-18.5-18.5   S39.8,19,50,19c10.2,0,18.5,8.3,18.5,18.5S60.2,56,50,56z'
+				/>
+			</g>
+		</svg>
+	`;
+};