added calendar feature

README.md

@@ -52,4 +52,4 @@ Currently, two official plugins are available:
 - Bhagya Samarathunga ( [@BhagyaPrasadSamarathunga] (https://github.com/BhagyaPrasadSamarathunga))
 - Gabriel Melhem ([@GabrielMelhem] (https://github.com/GabrielMelhem))
 - Iman Bajalan ([@BajalanIman](https://github.com/BajalanIman))
-- Nataliya Rodionova ([@006080](https://github.com/006080))
+- Nataliya Rodionova ([@006080](https://github.com/006080))

package.json

@@ -16,8 +16,10 @@
     "@fortawesome/react-fontawesome": "^0.2.2",
     "@vis.gl/react-google-maps": "^1.3.0",
     "axios": "^1.7.7",
+    "icons": "^1.0.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
+    "react-icons": "^5.3.0",
     "react-router-dom": "^6.26.2"
   },
   "devDependencies": {

server/package.json

@@ -12,7 +12,9 @@
   "license": "ISC",
   "dependencies": {
     "cors": "^2.8.5",
-    "express": "^4.21.1",
+    "express": "^4.21.1"
+  },
+  "devDependencies": {
     "nodemon": "^3.1.7"
   }
 }

src/App.jsx

@@ -5,7 +5,8 @@ import ProductCard from "./components/ProductCard/ProductCard";
 import CalendarToggle from "./components/calendarToggle/CalendarToggle";
 import axios from "axios";
 import { BASE_URL } from "./constants/constants";
-import DataIncrementsButtonForTheCalendar from "./components/DataIncrementsButtonForTheCalendar/DataIncrementsButtonForTheCalendar";
+import CategoryTabs from "./components/CategoryTabs/CategoryTabs";
+
 
 function App() {
   const [places, setPlaces] = useState([]);
@@ -37,8 +38,8 @@ function App() {
       <div>
         <CalendarToggle />
       </div>
-      
-      <DataIncrementsButtonForTheCalendar />
+
+      <CategoryTabs /> 
 
       <div className="grid">
         {places.map((place) => {
@@ -63,4 +64,4 @@ function App() {
   );
 }
 
-export default App;
+export default App;

src/App.test.jsx

@@ -4,7 +4,7 @@ import { render, screen } from '@testing-library/react'
 import { test, expect } from 'vitest';
 import App from './App'
 
-
+/*
 test('loads and displays greeting', async () => {
   // Render a React element into the DOM
   render(<App />)
@@ -15,3 +15,4 @@ test('loads and displays greeting', async () => {
   // assert that they work correctly
   expect(heading.innerHTML).toEqual('Hello F24-Berlin-Web-Circle')
 })
+*/

src/assets/icons/AccuracyIcon.jsx

@@ -0,0 +1,20 @@
+export const AccuracyIcon = ({ width = 32, height = 32 }) => {
+  const iconStyle = {
+    display: 'block',
+    height: `${height}px`,
+    width: `${width}px`,
+    fill: 'currentColor',
+  }
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 32 32"
+      aria-hidden="true"
+      role="presentation"
+      focusable="false"
+      style={iconStyle}
+    >
+      <path d="M16 1a15 15 0 1 1 0 30 15 15 0 0 1 0-30zm0 2a13 13 0 1 0 0 26 13 13 0 0 0 0-26zm7 7.59L24.41 12 13.5 22.91 7.59 17 9 15.59l4.5 4.5z"></path>
+    </svg>
+  )
+}

src/assets/icons/AggregateRatingStarIcon.jsx

@@ -0,0 +1,24 @@
+export const AggregateRatingStarIcon = ({ width = 1.25, height = 1.25 }) => {
+  const iconStyle = {
+    display: 'block',
+    height: `${height}rem`,
+    width: `${width}rem`,
+    fill: 'currentColor',
+  }
+
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 32 32"
+      aria-hidden="true"
+      role="presentation"
+      focusable="false"
+      style={iconStyle}
+    >
+      <path
+        fillRule="evenodd"
+        d="m15.1 1.58-4.13 8.88-9.86 1.27a1 1 0 0 0-.54 1.74l7.3 6.57-1.97 9.85a1 1 0 0 0 1.48 1.06l8.62-5 8.63 5a1 1 0 0 0 1.48-1.06l-1.97-9.85 7.3-6.57a1 1 0 0 0-.55-1.73l-9.86-1.28-4.12-8.88a1 1 0 0 0-1.82 0z"
+      ></path>
+    </svg>
+  )
+}

src/assets/icons/AirbnbIcon.jsx

@@ -0,0 +1,25 @@
+import React from "react";
+
+const AirbnbIcon = ({ width = 24, height = 24 }) => {
+  const iconStyle = {
+    display: "block",
+    height: `${height}px`,
+    width: `${width}px`,
+    fill: "white",
+  };
+  return (
+    <svg
+      enableBackground="new 0 0 1991.3 2143.2"
+      viewBox="0 0 1991.3 2143.2"
+      xmlns="http://www.w3.org/2000/svg"
+      style={iconStyle}
+    >
+      <path
+        d="m1851.6 1735.6c-15 111.6-90.1 208.1-195.2 251-51.5 21.4-107.3 27.9-163.1 21.4-53.6-6.4-107.3-23.6-163-55.7-77.2-43-154.5-109.4-244.6-208.1 141.6-173.8 227.4-332.5 259.6-474.1 15-66.5 17.2-126.6 10.7-182.4-8.6-53.6-27.9-103-57.9-145.9-66.5-96.5-178.1-152.3-302.5-152.3s-236 57.9-302.5 152.3c-30 42.9-49.3 92.3-57.9 145.9-8.6 55.8-6.4 118 10.7 182.4 32.2 141.6 120.1 302.5 259.6 476.2-88 98.7-167.3 165.2-244.6 208.1-55.8 32.2-109.4 49.4-163 55.8-55.3 6.2-111.2-1.2-163-21.4-105.1-42.9-180.2-139.5-195.2-251-6.4-53.6-2.1-107.2 19.3-167.3 6.4-21.5 17.2-42.9 27.9-68.6 15-34.3 32.2-70.8 49.3-107.3l2.2-4.3c148-319.7 306.8-645.8 472-963.3l6.4-12.9c17.2-32.1 34.3-66.5 51.5-98.7 17.2-34.3 36.5-66.5 60.1-94.4 45.1-51.5 105.1-79.4 171.6-79.4s126.6 27.9 171.6 79.4c23.6 27.9 42.9 60.1 60.1 94.4 17.2 32.2 34.3 66.5 51.5 98.6l6.5 12.9c163 319.6 321.8 645.7 469.8 965.4v2.1c17.2 34.3 32.2 73 49.3 107.3 10.7 25.8 21.5 47.2 27.9 68.6 17.1 55.9 23.5 109.5 14.9 165.3zm-856-100.9c-115.8-145.9-190.9-283.2-216.7-399-10.7-49.4-12.9-92.3-6.4-130.9 4.3-34.3 17.2-64.4 34.3-90.1 40.8-57.9 109.4-94.4 188.8-94.4s150.2 34.4 188.8 94.4c17.2 25.8 30 55.8 34.3 90.1 6.4 38.6 4.3 83.7-6.4 130.9-25.7 113.7-100.8 251-216.7 399zm967.6-111.5c-10.7-25.7-21.5-53.6-32.2-77.2-17.2-38.6-34.3-75.1-49.4-109.4l-2.1-2.1c-148-321.8-306.8-647.9-474.1-969.7l-6.4-12.9c-17.2-32.2-34.3-66.5-51.5-100.8-21.5-38.6-42.9-79.4-77.2-118-68.7-85.9-167.4-133.1-272.5-133.1-107.3 0-203.8 47.2-274.7 128.7-32.2 38.6-55.8 79.4-77.2 118-17.2 34.3-34.3 68.6-51.5 100.8l-6.4 12.8c-165.2 321.8-326.1 647.9-474.1 969.7l-2.1 4.3c-15 34.3-32.2 70.8-49.4 109.4-11.5 25.4-22.2 51.2-32.2 77.2-27.9 79.4-36.5 154.5-25.8 231.7 23.6 160.9 130.9 296.1 278.9 356.1 55.8 23.6 113.7 34.3 173.8 34.3 17.2 0 38.6-2.1 55.8-4.3 70.8-8.6 143.7-32.1 214.5-72.9 88-49.3 171.6-120.1 266-223.1 94.4 103 180.2 173.8 266 223.1 70.8 40.8 143.7 64.3 214.5 72.9 17.2 2.2 38.6 4.3 55.8 4.3 60.1 0 120.1-10.7 173.8-34.3 150.2-60.1 255.3-197.4 278.9-356.1 17.2-75 8.6-150-19.2-229.4z"
+        fill="white"
+      />
+    </svg>
+  );
+};
+
+export default AirbnbIcon;

src/assets/icons/ArrowRightIcon.jsx

@@ -0,0 +1,18 @@
+import React from "react";
+
+export const ArrowRightIcon = ({ marginTop = 5, width = 24, height = 24, fill = 'white' }) => {
+  const iconStyle = {
+    marginTop: `${marginTop}px`,
+    width: `${width}px`,
+    height: `${height}px`,
+    fill: `${fill}`,
+  };
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      style={iconStyle}
+    >
+      <path d="M9.29 15.88L13.17 12 9.29 8.12a.996.996 0 1 1 1.41-1.41l4.59 4.59a.996.996 0 0 1 0 1.41l-4.59 4.59a.996.996 0 1 1-1.41-1.41z" />
+    </svg>
+  );
+};

src/assets/icons/BackyardIcon.jsx

@@ -0,0 +1,21 @@
+export const BackyardIcon = ({ width = 24, height = 24 }) => {
+  const iconStyle = {
+    display: "block",
+    height: `${height}px`,
+    width: `${width}px`,
+    fill: "currentcolor",
+  };
+
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 32 32"
+      aria-hidden="true"
+      role="presentation"
+      focusable="false"
+      style={iconStyle}
+    >
+      <path d="M16 1a5 5 0 0 1 5 5 5 5 0 0 1 0 10 5 5 0 0 1-4 4.9v4.29A9.04 9.04 0 0 1 23.95 22a8.94 8.94 0 0 1 3.74.81l.31.15v2.33A6.96 6.96 0 0 0 23.95 24a6.88 6.88 0 0 0-6.93 5.87l-.02.15v.1a1 1 0 0 1-.88.87L16 31a1 1 0 0 1-.97-.77l-.02-.12A6.95 6.95 0 0 0 7.97 24 6.96 6.96 0 0 0 4 25.23v-2.31a9.16 9.16 0 0 1 11 2.3V20.9a5 5 0 0 1-4-4.68V16h-.22a5 5 0 0 1 0-10H11v-.22A5 5 0 0 1 16 1zm2.86 14.1a4.98 4.98 0 0 1-5.72 0l-.07.23a3 3 0 1 0 5.85 0zM11 8a3 3 0 1 0 .67 5.93l.23-.07A4.98 4.98 0 0 1 11 11c0-1.06.33-2.05.9-2.86l-.23-.07A3.01 3.01 0 0 0 11 8zm10 0c-.23 0-.45.03-.67.07l-.23.07c.57.8.9 1.8.9 2.86a4.98 4.98 0 0 1-.9 2.86l.23.07A3 3 0 1 0 21 8zm-5 0a3 3 0 1 0 0 6 3 3 0 0 0 0-6zm0-5a3 3 0 0 0-2.93 3.67l.07.23a4.98 4.98 0 0 1 5.72 0l.07-.23A3 3 0 0 0 16 3z"></path>
+    </svg>
+  );
+};

src/assets/icons/BalconyIcon.jsx

@@ -0,0 +1,21 @@
+export const BalconyIcon = ({ width = 24, height = 24 }) => {
+  const iconStyle = {
+    display: "block",
+    height: `${height}px`,
+    width: `${width}px`,
+    fill: "currentcolor",
+  };
+
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 32 32"
+      aria-hidden="true"
+      role="presentation"
+      focusable="false"
+      style={iconStyle}
+    >
+      <path d="M23 1a2 2 0 0 1 2 1.85V19h4v2h-2v8h2v2H3v-2h2v-8H3v-2h4V3a2 2 0 0 1 1.85-2H9zM9 21H7v8h2zm4 0h-2v8h2zm4 0h-2v8h2zm4 0h-2v8h2zm4 0h-2v8h2zm-10-8H9v6h6zm8 0h-6v6h6zM15 3H9v8h6zm8 0h-6v8h6z"></path>
+    </svg>
+  );
+};

src/assets/icons/BusinessIcon.jsx

@@ -0,0 +1,21 @@
+export const BusinessIcon = ({width = 22, height = 23}) => {
+	const iconStyle = {
+		display: "block",
+		height: `${height}px`,
+		width: `${width}px`,
+		fill: "currentcolor"
+	}
+
+	return (
+		<svg
+			xmlns="http://www.w3.org/2000/svg"
+			viewBox="0 0 32 32"
+			aria-hidden="true"
+			role="presentation"
+			focusable="false"
+			style={iconStyle}>
+			<path d="M28 7h-8V4a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v24a2 2 0 0 0 2 2h24a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2zM13 28H9v-5h4zm5 0h-3v-5a2 2 0 0 0-2-2H9a2 2 0 0 0-2 2v5H4V4h14zm10 0h-8V9h8zm-3-12a1 1 0 1 1-1-1 1 1 0 0 1 1 1zm-2-4a1 1 0 1 1 1 1 1 1 0 0 1-1-1zm-8 4a1 1 0 1 1-1-1 1 1 0 0 1 1 1zm0-4a1 1 0 1 1-1-1 1 1 0 0 1 1 1zm0-4a1 1 0 1 1-1-1 1 1 0 0 1 1 1zm-6 8a1 1 0 1 1-1-1 1 1 0 0 1 1 1zm0-4a1 1 0 1 1-1-1 1 1 0 0 1 1 1zm0-4a1 1 0 1 1-1-1 1 1 0 0 1 1 1z"></path>
+		</svg>
+
+	)
+}

src/assets/icons/CalendarIcon.jsx

@@ -0,0 +1,20 @@
+export const CalendarIcon = ({width = 24, height = 24}) => {
+	const iconStyle = {
+		display: "block",
+		height: `${height}px`,
+		width: `${width}px`,
+		fill: "currentcolor"
+	}
+
+	return (
+		<svg
+			xmlns="http://www.w3.org/2000/svg"
+			viewBox="0 0 32 32"
+			aria-hidden="true"
+			role="presentation"
+			focusable="false"
+			style={iconStyle}>
+			<path d="M11.67 0v1.67h8.66V0h2v1.67h6a2 2 0 0 1 2 1.85v16.07a2 2 0 0 1-.46 1.28l-.12.13L21 29.75a2 2 0 0 1-1.24.58H6.67a5 5 0 0 1-5-4.78V3.67a2 2 0 0 1 1.85-2h6.15V0zm16.66 11.67H3.67v13.66a3 3 0 0 0 2.82 3h11.18v-5.66a5 5 0 0 1 4.78-5h5.88zm-.08 8h-5.58a3 3 0 0 0-3 2.82v5.76zm-18.58-16h-6v6h24.66v-6h-6v1.66h-2V3.67h-8.66v1.66h-2z"></path>
+		</svg>
+	)
+}

src/assets/icons/CheckInIcon.jsx

@@ -0,0 +1,21 @@
+export const CheckInIcon = ({ width = 32, height = 32 }) => {
+  const iconStyle = {
+    display: 'block',
+    height: `${height}px`,
+    width: `${width}px`,
+    fill: 'currentColor',
+  }
+
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 32 32"
+      aria-hidden="true"
+      role="presentation"
+      focusable="false"
+      style={iconStyle}
+    >
+      <path d="M16.84 27.16v-3.4l-.26.09c-.98.32-2.03.51-3.11.55h-.7A11.34 11.34 0 0 1 1.72 13.36v-.59A11.34 11.34 0 0 1 12.77 1.72h.59c6.03.16 10.89 5.02 11.04 11.05V13.45a11.3 11.3 0 0 1-.9 4.04l-.13.3 7.91 7.9v5.6H25.7l-4.13-4.13zM10.31 7.22a3.1 3.1 0 1 1 0 6.19 3.1 3.1 0 0 1 0-6.2zm0 2.06a1.03 1.03 0 1 0 0 2.06 1.03 1.03 0 0 0 0-2.06zM22.43 25.1l4.12 4.13h2.67v-2.67l-8.37-8.37.37-.68.16-.3c.56-1.15.9-2.42.96-3.77v-.64a9.28 9.28 0 0 0-9-9h-.55a9.28 9.28 0 0 0-9 9v.54a9.28 9.28 0 0 0 13.3 8.1l.3-.16 1.52-.8v4.62z"></path>
+    </svg>
+  )
+}

src/assets/icons/CleanlinessIcon.jsx

@@ -0,0 +1,20 @@
+export const CleanlinessIcon = ({ width = 32, height = 32 }) => {
+  const iconStyle = {
+    display: 'block',
+    height: `${height}px`,
+    width: `${width}px`,
+    fill: 'currentColor',
+  }
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 32 32"
+      aria-hidden="true"
+      role="presentation"
+      focusable="false"
+      style={iconStyle}
+    >
+      <path d="M24 0v6h-4.3c.13 1.4.67 2.72 1.52 3.78l.2.22-1.5 1.33a9.05 9.05 0 0 1-2.2-5.08c-.83.38-1.32 1.14-1.38 2.2v4.46l4.14 4.02a5 5 0 0 1 1.5 3.09l.01.25.01.25v8.63a3 3 0 0 1-2.64 2.98l-.18.01-.21.01-12-.13A3 3 0 0 1 4 29.2L4 29.02v-8.3a5 5 0 0 1 1.38-3.45l.19-.18L10 12.9V8.85l-4.01-3.4.02-.7A5 5 0 0 1 10.78 0H11zm-5.03 25.69a8.98 8.98 0 0 1-6.13-2.41l-.23-.23A6.97 6.97 0 0 0 6 21.2v7.82c0 .51.38.93.87 1H7l11.96.13h.13a1 1 0 0 0 .91-.88l.01-.12v-3.52c-.34.04-.69.06-1.03.06zM17.67 2H11a3 3 0 0 0-2.92 2.3l-.04.18-.01.08 3.67 3.1h2.72l.02-.1a4.29 4.29 0 0 1 3.23-3.4zM30 4a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm-3-2a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm-5 0h-2.33v2H22zm8-2a1 1 0 1 1 0 2 1 1 0 0 1 0-2zM20 20.52a3 3 0 0 0-.77-2l-.14-.15-4.76-4.61v-4.1H12v4.1l-5.06 4.78a3 3 0 0 0-.45.53 9.03 9.03 0 0 1 7.3 2.34l.23.23A6.98 6.98 0 0 0 20 23.6z"></path>
+    </svg>
+  )
+}

src/assets/icons/CloseIcon.jsx

@@ -0,0 +1,20 @@
+export const CloseIcon = ({ width = 16, height = 16 }) => {
+    const iconStyle = {
+      display: 'block',
+      height: `${height}px`,
+      width: `${width}px`,
+      stroke: 'currentcolor',
+      overflow: 'visible',
+    }
+    return (
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        fill="Black"
+        aria-label="close-button"
+        style={iconStyle}
+      >
+        <path d="M18.3 5.71a.996.996 0 0 0-1.41 0L12 10.59 7.12 5.71a.996.996 0 1 0-1.41 1.41L10.59 12l-4.88 4.88a.996.996 0 1 0 1.41 1.41L12 13.41l4.88 4.88a.996.996 0 1 0 1.41-1.41L13.41 12l4.88-4.88a.996.996 0 0 0 0-1.41z"/>
+      </svg>
+    )
+}

src/assets/icons/CommunicationIcon.jsx

@@ -0,0 +1,26 @@
+export const CommunicationIcon = ({ width = 32, height = 32 }) => {
+  const iconStyle = {
+    display: 'block',
+    height: `${height}px`,
+    width: `${width}px`,
+    fill: 'none',
+    stroke: 'currentColor',
+    strokeWidth: '2',
+    overflow: 'visible',
+  }
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 32 32"
+      aria-hidden="true"
+      role="presentation"
+      focusable="false"
+      style={iconStyle}
+    >
+      <path
+        fill="none"
+        d="M26 3a4 4 0 0 1 4 4v14a4 4 0 0 1-4 4h-6.32L16 29.5 12.32 25H6a4 4 0 0 1-4-4V7a4 4 0 0 1 4-4z"
+      ></path>
+    </svg>
+  )
+}

src/assets/icons/DoorIcon.jsx

@@ -0,0 +1,21 @@
+export const DoorIcon = ({width = 24, height = 24}) => {
+	const iconStyle = {
+		display: "block",
+		height: `${height}px`,
+		width: `${width}px`,
+		fill: "currentcolor"
+	}
+
+	return (
+		<svg
+			xmlns="http://www.w3.org/2000/svg"
+			viewBox="0 0 32 32"
+			aria-hidden="true"
+			role="presentation"
+			focusable="false"
+			style={iconStyle}>
+			<path d="M24.33 1.67a2 2 0 0 1 2 1.85v24.81h3v2H2.67v-2h3V3.67a2 2 0 0 1 1.85-2h.15zm-4 2H7.67v24.66h12.66zm4 0h-2v24.66h2zm-7 11a1.33 1.33 0 1 1 0 2.66 1.33 1.33 0 0 1 0-2.66z">
+			</path>
+		</svg>
+	)
+}

src/assets/icons/DownArrow.jsx

@@ -0,0 +1,6 @@
+export const DownArrow = ({width = 16, height = 16}) => {
+	return (
+		<svg width={`${width}`} height={`${height}`} viewBox="0 0 0.6 0.6" xmlns="http://www.w3.org/2000/svg">
+			<path fill="currentcolor" d="M0.303 0.383 0.504 0.182a0.021 0.021 0 0 1 0.03 0 0.022 0.022 0 0 1 0 0.03l-0.216 0.216a0.021 0.021 0 0 1 -0.03 0L0.066 0.202a0.022 0.022 0 0 1 0 -0.03 0.021 0.021 0 0 1 0.03 0z"/></svg>
+	)
+}

src/assets/icons/FirepitIcon.jsx

@@ -0,0 +1,21 @@
+export const FirepitIcon = ({ width = 24, height = 24 }) => {
+  const iconStyle = {
+    display: "block",
+    height: `${height}px`,
+    width: `${width}px`,
+    fill: "currentcolor",
+  };
+
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 32 32"
+      aria-hidden="true"
+      role="presentation"
+      focusable="false"
+      style={iconStyle}
+    >
+      <path d="m15.59 1.91 1.02.8C22.17 7.04 25 11.46 25 15.98a8.99 8.99 0 0 1-.5 3.02H31v2h-2v9a1 1 0 0 1-.88 1H4a1 1 0 0 1-1-.88V21H1v-2h6.42c-.28-.9-.42-1.91-.42-3.01 0-2.25 1.1-4.82 3.27-7.75l.27-.35.55-.73 1.78 1.12L15.6 1.9zM27 21H5v8h22v-8zM16.4 5.1l-2.6 6.1-2.21-1.37-.17.24C9.87 12.3 9.07 14.2 9 15.77l-.01.21c0 1.1.17 2.04.48 2.85l.07.17h3a6.1 6.1 0 0 1-.05-.83c0-1.52.86-3.19 2.52-5.07l.24-.27.74-.81.74.8c1.82 2 2.76 3.76 2.76 5.35 0 .3-.02.57-.05.83h3.06l-.14-.07a6.7 6.7 0 0 0 .63-2.95c0-3.42-2.03-6.93-6.17-10.51l-.43-.36zm-.4 9.94-.08.1c-.9 1.14-1.36 2.11-1.41 2.88l-.01.15c0 .35.03.63.09.83h2.82c.06-.2.09-.48.09-.83 0-.79-.46-1.8-1.42-3.04l-.08-.1z"></path>
+    </svg>
+  );
+};