diff --git a/src/components/DistanceCircle.tsx b/src/components/DistanceCircle.tsx
index 0a53f4e..a0facb1 100644
--- a/src/components/DistanceCircle.tsx
+++ b/src/components/DistanceCircle.tsx
@@ -17,6 +17,7 @@ const DistanceCircle = ({ selectedRange }: DistanceCircleProps) => {
width={(0.8 * 1600 * selectedRange) / 850}
x={1080 - (0.8 * 1600 * selectedRange) / 1700}
y={0}
+ style={{ transition: "all .3s ease" }}
viewBox="0 0 1600 1600"
fill="none"
xmlns="http://www.w3.org/2000/svg"
@@ -49,40 +50,4 @@ const DistanceCircle = ({ selectedRange }: DistanceCircleProps) => {
);
};
-// const DistanceCircle = ({ selectedRange }: DistanceCircleProps) => {
-// return (
-//
-// );
-// };
-
export default DistanceCircle;
diff --git a/src/components/MarksContainer.tsx b/src/components/MarksContainer.tsx
index 77ab0c5..7f0b468 100644
--- a/src/components/MarksContainer.tsx
+++ b/src/components/MarksContainer.tsx
@@ -1,10 +1,14 @@
import { Mark } from "../types/Mark";
+import MarkEducationIcon from "./icons/marks/MarkEducationIcon";
import MarkFoodIcon from "./icons/marks/MarkFoodIcon";
+import MarkHeathyIcon from "./icons/marks/MarkHeathyIcon";
import MarkShopIcon from "./icons/marks/MarkShopIcon";
const markIcons: { [key: string]: React.ReactNode } = {
shop: ,
food: ,
+ heathy: ,
+ education: ,
};
interface MarksContainerProps {
@@ -17,8 +21,8 @@ interface MarksContainerProps {
function MarksContainer({
marks,
filteredMarks,
- markWidth = 64,
- markHeigth = 64,
+ markWidth = 52,
+ markHeigth = 52,
}: MarksContainerProps) {
return (