change icon to heart

This commit is contained in:
Dan Lebo
2023-02-05 18:57:42 -08:00
parent 860fddfaed
commit ae2c4dd0a1

View File

@@ -771,24 +771,27 @@ function SaveButton() {
onClick={() => setSaved(!saved)}>
{saved ? (
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24">
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M12 23C11.9092 23 11.8184 22.9743 11.7405 22.9261C7.02162 19.9734 0 13.7434 0 8.67977C0 4.56074 2.32216 2.00321 6.05838 2.00321C8.63027 2.00321 11.1665 4.39045 11.1924 4.41294L12 5.18406L12.8076 4.41294C12.8335 4.38724 15.3665 2 17.9351 2C21.6778 2 24 4.55753 24 8.67656C24 13.737 16.9784 19.9702 12.2595 22.9229C12.1816 22.9711 12.0908 22.9968 12 22.9968V23Z"
fill="currentColor"
d="M20.5,2H3.5A1.5,1.5,0,0,0,2,3.5V21a1,1,0,0,0,.56.9,1,1,0,0,0,1-.11L12,15.27l8.39,6.52A1,1,0,0,0,21,22a1,1,0,0,0,.44-.1A1,1,0,0,0,22,21V3.5A1.5,1.5,0,0,0,20.5,2Z"
/>
</svg>
) : (
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24">
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
fill="currentColor"
d="M21,22a1,1,0,0,1-.61-.21L12,15.27,3.61,21.79a1,1,0,0,1-1,.11A1,1,0,0,1,2,21V3.5A1.5,1.5,0,0,1,3.5,2h17A1.5,1.5,0,0,1,22,3.5V21a1,1,0,0,1-.56.9A1,1,0,0,1,21,22Zm-9-9a1,1,0,0,1,.61.21L20,19V4H4V19l7.39-5.75A1,1,0,0,1,12,13Z"
d="M19.162 15.9146C16.974 18.3028 14.2439 20.4659 11.9975 21.9052C9.75195 20.4659 7.02423 18.305 4.83797 15.919C2.51746 13.3865 1 10.8086 1 8.67977C1 6.8033 1.52733 5.39587 2.36861 4.46891C3.19966 3.55322 4.42951 3.00321 6.05838 3.00321C7.06324 3.00321 8.14573 3.48203 9.04989 4.04749C9.82236 4.53059 10.3635 5.01085 10.503 5.13727L11.3094 5.9073L12 6.56672L12.6906 5.9073L13.4982 5.13619L13.5048 5.12983L13.5113 5.12337C13.5087 5.12599 13.511 5.12393 13.5179 5.11762C13.5885 5.0534 14.1436 4.54877 14.9488 4.04422C15.8516 3.47851 16.9323 3 17.9351 3C19.5678 3 20.7992 3.55034 21.6308 4.46598C22.4727 5.39284 23 6.80009 23 8.67656C23 10.8037 21.4826 13.3816 19.162 15.9146Z"
stroke="currentColor"
stroke-width="2"
/>
</svg>
)}