+13 -5

components/Buttons.tsx

View file Reviewed

··· 17 17 compact?: boolean; 18 18 } 19 19 >((props, ref) => { 20 20 + let { 21 21 + className, 22 22 + fullWidth, 23 23 + fullWidthOnMobile, 24 24 + compact, 25 25 + children, 26 26 + ...buttonProps 27 27 + } = props; 20 28 return ( 21 29 <button 22 22 - {...props} 30 30 + {...buttonProps} 23 31 ref={ref} 24 32 className={` 25 33 m-0 h-max 26 26 - ${props.fullWidth ? "w-full" : props.fullWidthOnMobile ? "w-full sm:w-max" : "w-max"} 27 27 - ${props.compact ? "py-0 px-1" : "px-2 py-0.5 "} 34 34 + ${fullWidth ? "w-full" : fullWidthOnMobile ? "w-full sm:w-max" : "w-max"} 35 35 + ${compact ? "py-0 px-1" : "px-2 py-0.5 "} 28 36 bg-accent-1 outline-transparent border border-accent-1 29 37 rounded-md text-base font-bold text-accent-2 30 38 flex gap-2 items-center justify-center shrink-0 31 39 transparent-outline hover:outline-accent-1 outline-offset-1 32 40 disabled:bg-border-light disabled:border-border-light disabled:text-border disabled:hover:text-border 33 33 - ${props.className} 41 41 + ${className} 34 42 `} 35 43 > 36 36 - {props.children} 44 44 + {children} 37 45 </button> 38 46 ); 39 47 });

+3 -2

components/Icons.tsx

View file Reviewed

··· 975 975 }; 976 976 977 977 export const HighlightSmall = (props: { highlightColor: string } & Props) => { 978 978 + let { highlightColor, ...svgProps } = props; 978 979 return ( 979 980 <svg 980 981 width="24" ··· 982 983 viewBox="0 0 24 24" 983 984 fill="none" 984 985 xmlns="http://www.w3.org/2000/svg" 985 985 - {...props} 986 986 + {...svgProps} 986 987 > 987 988 <path 988 989 fillRule="evenodd" ··· 994 995 fillRule="evenodd" 995 996 clipRule="evenodd" 996 997 d="M20.5 12C20.5 16.6944 16.6944 20.5 12 20.5C7.30558 20.5 3.5 16.6944 3.5 12C3.5 7.93801 6.34926 4.54152 10.1582 3.70007L9.84791 4.18296C9.77021 4.30389 9.72889 4.4446 9.72888 4.58835L9.72851 10.0093L8.63101 11.7402C8.62242 11.7537 8.61431 11.7675 8.60666 11.7814C8.60016 11.7908 8.59388 11.8004 8.58781 11.8101C8.38051 12.1418 8.46302 12.6162 8.76836 13.1359L7.24363 15.6498C6.74131 16.4779 7.3311 17.5381 8.29965 17.5479L11.6224 17.5818C12.2379 17.5881 12.8114 17.2705 13.1328 16.7455L13.4985 16.148C13.9182 16.1939 14.2769 16.1567 14.5378 16.0308C14.6916 15.9756 14.8266 15.8704 14.9178 15.7265L16.0178 13.9918L20.4981 11.8164C20.4994 11.8775 20.5 11.9387 20.5 12ZM12.7875 14.4388C12.5032 14.1651 12.1383 13.8821 11.7882 13.6755C11.5214 13.5181 11.1621 13.3284 10.8268 13.1808C10.733 13.1395 10.6444 13.1029 10.5629 13.072L8.75514 16.0525L11.6391 16.0819C11.727 16.0828 11.809 16.0374 11.8549 15.9624L12.7875 14.4388Z" 997 997 - fill={props.highlightColor} 998 998 + fill={highlightColor} 998 999 /> 999 1000 </svg> 1000 1001 );

+12 -4

components/ThemeManager/ThemeSetter.tsx

View file Reviewed

··· 169 169 e.currentTarget === e.target && setOpenPicker("leaflet"); 170 170 }} 171 171 style={{ 172 172 - backgroundImage: `url(${leafletBGImage?.data.src})`, 172 172 + backgroundImage: leafletBGImage 173 173 + ? `url(${leafletBGImage.data.src})` 174 174 + : undefined, 173 175 backgroundRepeat: leafletBGRepeat ? "repeat" : "no-repeat", 174 176 backgroundPosition: "center", 175 177 backgroundSize: !leafletBGRepeat ··· 510 512 color={bgColor} 511 513 className={`w-6 h-6 rounded-full border-2 border-white shadow-[0_0_0_1px_#8C8C8C]`} 512 514 style={{ 513 513 - backgroundImage: `url(${bgImage?.data.src})`, 515 515 + backgroundImage: bgImage?.data.src 516 516 + ? `url(${bgImage.data.src})` 517 517 + : undefined, 514 518 backgroundSize: "cover", 515 519 }} 516 520 /> ··· 704 708 color={bgColor} 705 709 className={`w-6 h-6 rounded-full border-2 border-white shadow-[0_0_0_1px_#8C8C8C]`} 706 710 style={{ 707 707 - backgroundImage: `url(${bgImage?.data.src})`, 711 711 + backgroundImage: bgImage?.data.src 712 712 + ? `url(${bgImage.data.src})` 713 713 + : undefined, 708 714 backgroundPosition: "center", 709 715 backgroundSize: "cover", 710 716 }} ··· 840 846 <> 841 847 <div 842 848 style={{ 843 843 - backgroundImage: `url(${image?.data.src})`, 849 849 + backgroundImage: image?.data.src 850 850 + ? `url(${image.data.src})` 851 851 + : undefined, 844 852 backgroundPosition: "center", 845 853 backgroundSize: "cover", 846 854 }}