nestiq-component-library 1.0.35 → 1.0.36

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (46) hide show
  1. package/dist/components/ImageListPopup/ImageListPopup.d.ts +1 -0
  2. package/dist/components/Popup/Popup.d.ts +1 -0
  3. package/dist/components/SharePopup/SharePopup.d.ts +4 -0
  4. package/dist/components/ToastWrapper/ToastWrapper.d.ts +4 -0
  5. package/dist/index.d.ts +3 -0
  6. package/dist/index.es.js +25 -15
  7. package/dist/index.es.js.map +1 -1
  8. package/dist/index.js +27 -14
  9. package/dist/index.js.map +1 -1
  10. package/package.json +4 -1
  11. package/rollup.config.mjs +35 -35
  12. package/src/assets/images/Images/left-arrow.svg +4 -4
  13. package/src/assets/images/Images/right-arrow.svg +4 -4
  14. package/src/components/ImageListPopup/ImageListPopup.css +83 -107
  15. package/src/components/ImageListPopup/ImageListPopup.tsx +142 -140
  16. package/src/components/Popup/Popup.css +0 -13
  17. package/src/components/Popup/Popup.tsx +29 -28
  18. package/src/components/PropertyDetailsHeader/PropertyDetailsHeader.tsx +80 -84
  19. package/src/components/SharePopup/{PopUp.css → SharePopup.css} +0 -14
  20. package/src/components/SharePopup/{PopUp.tsx → SharePopup.tsx} +139 -140
  21. package/src/components/ToastWrapper/ToastWrapper.tsx +25 -0
  22. package/src/index.tsx +13 -7
  23. package/src/styles/common.css +12 -0
  24. package/dist/assets/images/Icon_rightArrow.svg +0 -3
  25. package/dist/assets/images/LayersIcon.svg +0 -5
  26. package/dist/assets/images/blackarrow-Right.svg +0 -3
  27. package/dist/assets/images/blckarrow-Left.svg +0 -3
  28. package/dist/assets/images/chevron-left.svg +0 -3
  29. package/dist/assets/images/default-property.jpg +0 -0
  30. package/dist/assets/images/heartIcon.svg +0 -3
  31. package/dist/assets/images/icon-close-white.webp +0 -0
  32. package/dist/assets/images/icon_close 2.e41bb9a4db48e048.png +0 -0
  33. package/dist/assets/images/icon_close_2.png +0 -0
  34. package/dist/assets/images/icon_gallery.svg +0 -4
  35. package/dist/assets/images/icon_map.svg +0 -10
  36. package/dist/assets/images/icon_share_1.svg +0 -3
  37. package/dist/assets/images/layer_icon.svg +0 -5
  38. package/dist/assets/images/locationIcon.svg +0 -4
  39. package/dist/assets/images/locationIconBlack.svg +0 -4
  40. package/dist/assets/images/no-image-icon.png +0 -0
  41. package/dist/components/Button/Button.js +0 -6
  42. package/dist/components/ImageListPopup/ImageListPopup.js +0 -26
  43. package/dist/components/Popup/Popup.js +0 -12
  44. package/dist/components/SharePopup/PopUp.d.ts +0 -7
  45. package/src/assets/images/close.png +0 -0
  46. package/src/assets/images/close_white.png +0 -0
@@ -1,84 +1,80 @@
1
- import React, { useState } from "react";
2
- // import { FormattedMessage } from "react-intl";
3
- import ShareIcon from "../../assets/images/icon_share_1.svg";
4
- import locationIcon from "../../assets/images/locationIconBlack.svg";
5
- import "./PropertyDetailsHeader.css";
6
- import PopUp from "../SharePopup/PopUp";
7
-
8
- export interface PopupProps {
9
- property: {
10
- city: string;
11
- constructedArea: string;
12
- rooms: string;
13
- propertyArea: string;
14
- askingPrice: string;
15
- };
16
- title: string;
17
- }
18
-
19
- export default function PropertyDetailsHeader(props: PopupProps) {
20
- const [showPopUp, setShowPopUp] = useState(false);
21
-
22
- const handlePopUp = () => {
23
- setShowPopUp(!showPopUp);
24
- };
25
-
26
- return (
27
- <div className="Pheader compact d-flex col-12 col-lg-12 position-relative mt-5 ">
28
- <div className="header_Text d-flex col-lg-7 col-md-9 mt-4 ms-4 ">
29
- <strong>{props.title ?? "-"}</strong>
30
- </div>
31
- <div className="header_Text text-truncate col-lg-6 col-md-7 d-flex flex-row position-absolute ms-4">
32
- <img src={locationIcon} className="vector me-2" alt="location Icon" />
33
-
34
- <div className="propText text-truncate col-lg-6 col-md-6 d-flex align-items-center">
35
- {props.property.city}
36
- </div>
37
- </div>
38
- <div className="d-flex col-lg-5 col-md-6 col-sm-5 justify-content-end position-absolute end-0 mt-4">
39
- {/* <img src={Hearticon} alt="Location Icon" className="v_share me-3" /> */}
40
- <img
41
- src={ShareIcon}
42
- alt="share icon"
43
- className="v_share me-3"
44
- onClick={handlePopUp}
45
- />
46
- </div>
47
- <div className="fetch_section d-flex align-items-center flex-row col-lg-5 col-md-6 col-sm-5 justify-content-end position-absolute end-0">
48
- {props && (
49
- <div className=" propText col-lg-3 col-md-3 h-100 d-flex align-items-center justify-content-center ">
50
- {props.property.askingPrice} <br />
51
- Kaufpreis
52
- </div>
53
- )}
54
- {props && (
55
- <div className="propText col-lg-3 col-md-3 d-flex h-100 align-items-center justify-content-center">
56
- {props.property.constructedArea} m² <br />
57
- Wohnfläche
58
- {/* <FormattedMessage id="LIVING_SPACE" /> */}
59
- </div>
60
- )}
61
- {props && (
62
- <div className="propText col-lg-3 col-md-3 d-flex h-100 align-items-center justify-content-center">
63
- {props.property.rooms} <br />
64
- Zimmer
65
- {/* <FormattedMessage id="ROOMS" /> */}
66
- </div>
67
- )}
68
- {props && (
69
- <div className="propText col-lg-3 col-md-3 d-flex h-100 align-items-center justify-content-center">
70
- {props.property.propertyArea} m²
71
- <br />
72
- Grundstück
73
- {/* <FormattedMessage id="Grundstück" /> */}
74
- </div>
75
- )}
76
- </div>
77
- {showPopUp && (
78
- <PopUp
79
- onClick={handlePopUp}
80
- />
81
- )}
82
- </div>
83
- );
84
- }
1
+ import React, { useState } from "react";
2
+ // import { FormattedMessage } from "react-intl";
3
+ import ShareIcon from "../../assets/images/icon_share_1.svg";
4
+ import locationIcon from "../../assets/images/locationIconBlack.svg";
5
+ import "./PropertyDetailsHeader.css";
6
+ import SharePopup from "../SharePopup/SharePopup";
7
+
8
+ export interface PopupProps {
9
+ property: {
10
+ city: string;
11
+ constructedArea: string;
12
+ rooms: string;
13
+ propertyArea: string;
14
+ askingPrice: string;
15
+ };
16
+ title: string;
17
+ }
18
+
19
+ export default function PropertyDetailsHeader(props: PopupProps) {
20
+ const [showPopUp, setShowPopUp] = useState(false);
21
+
22
+ const handlePopUp = () => {
23
+ setShowPopUp(!showPopUp);
24
+ };
25
+
26
+ return (
27
+ <div className="Pheader compact d-flex col-12 col-lg-12 position-relative mt-5 ">
28
+ <div className="header_Text d-flex col-lg-7 col-md-9 mt-4 ms-4 ">
29
+ <strong>{props.title ?? "-"}</strong>
30
+ </div>
31
+ <div className="header_Text text-truncate col-lg-6 col-md-7 d-flex flex-row position-absolute ms-4">
32
+ <img src={locationIcon} className="vector me-2" alt="location Icon" />
33
+
34
+ <div className="propText text-truncate col-lg-6 col-md-6 d-flex align-items-center">
35
+ {props.property.city}
36
+ </div>
37
+ </div>
38
+ <div className="d-flex col-lg-5 col-md-6 col-sm-5 justify-content-end position-absolute end-0 mt-4">
39
+ {/* <img src={Hearticon} alt="Location Icon" className="v_share me-3" /> */}
40
+ <img
41
+ src={ShareIcon}
42
+ alt="share icon"
43
+ className="v_share me-3"
44
+ onClick={handlePopUp}
45
+ />
46
+ </div>
47
+ <div className="fetch_section d-flex align-items-center flex-row col-lg-5 col-md-6 col-sm-5 justify-content-end position-absolute end-0">
48
+ {props && (
49
+ <div className=" propText col-lg-3 col-md-3 h-100 d-flex align-items-center justify-content-center ">
50
+ {props.property.askingPrice} <br />
51
+ Kaufpreis
52
+ </div>
53
+ )}
54
+ {props && (
55
+ <div className="propText col-lg-3 col-md-3 d-flex h-100 align-items-center justify-content-center">
56
+ {props.property.constructedArea} m² <br />
57
+ Wohnfläche
58
+ {/* <FormattedMessage id="LIVING_SPACE" /> */}
59
+ </div>
60
+ )}
61
+ {props && (
62
+ <div className="propText col-lg-3 col-md-3 d-flex h-100 align-items-center justify-content-center">
63
+ {props.property.rooms} <br />
64
+ Zimmer
65
+ {/* <FormattedMessage id="ROOMS" /> */}
66
+ </div>
67
+ )}
68
+ {props && (
69
+ <div className="propText col-lg-3 col-md-3 d-flex h-100 align-items-center justify-content-center">
70
+ {props.property.propertyArea} m²
71
+ <br />
72
+ Grundstück
73
+ {/* <FormattedMessage id="Grundstück" /> */}
74
+ </div>
75
+ )}
76
+ </div>
77
+ {showPopUp && <SharePopup />}
78
+ </div>
79
+ );
80
+ }
@@ -1,17 +1,3 @@
1
- .popup-overlay {
2
- position: fixed; /* Fixed position to cover the whole screen */
3
- top: 0;
4
- left: 0;
5
- right: 0;
6
- bottom: 0;
7
- background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent background */
8
- display: flex; /* Flexbox to center the popup */
9
- justify-content: center; /* Center horizontally */
10
- align-items: center; /* Center vertically */
11
- z-index: 2000; /* Ensure it's above other content */
12
-
13
- }
14
-
15
1
  .shareSection {
16
2
  height: 340px;
17
3
  padding: 40px;
@@ -1,140 +1,139 @@
1
- import React, { useRef, useState } from "react";
2
- import email from "../../assets/Images/envelope-fill.svg";
3
- import facebook from "../../assets/Images/facebook.svg";
4
- import x from "../../assets/Images/icon_close_2.png";
5
- import linkedln from "../../assets/Images/linkedin.svg";
6
- import Xtwitter from "../../assets/Images/twitter-x.svg";
7
- import whatsapp from "../../assets/Images/whatsapp.svg";
8
- import "./PopUp.css";
9
-
10
- interface Popupprops {
11
- onClick: () => void;
12
- }
13
- export default function PopUp(props: Popupprops) {
14
- const [showPopUp, setShowPopUp] = useState(true);
15
-
16
- const handleClose = () => {
17
- setShowPopUp(false);
18
- };
19
- const urlInputRef = useRef<HTMLInputElement | null>(null);
20
-
21
- const copyToClipboard = () => {
22
- urlInputRef.current!.select();
23
- document.execCommand("copy");
24
- // toast.success("URL copied to clipboard!");
25
- };
26
-
27
- return (
28
- <div>
29
- {showPopUp && (
30
- <div className="popup-overlay">
31
- <div className="shareSection col-12 d-flex position-relative flex-column mx-auto justify-content-center col-5 col-lg-6 d-flex gap-4">
32
- <div className="end-0 top-0 position-absolute ">
33
- <img
34
- src={x}
35
- alt="close"
36
- className="closeIcon me-2"
37
- onClick={handleClose}
38
- />
39
- </div>
40
- <div className="popUpHeader col-lg-12 d-flex justify-content-center mb-2">
41
- Jetzt teilen und weitersagen!
42
- </div>
43
- <div className="h-25 col-lg-12 socialMediaIconsSection d-flex flex-row align-items-center justify-content-center mx-auto">
44
- <a
45
- href="https://twitter.com/intent/tweet?url=https://www.nestiq.de&text=Nestiq"
46
- className="text-decoration-none"
47
- target="blank"
48
- >
49
- <div className=" flex-column d-flex align-items-center">
50
- <img
51
- src={Xtwitter}
52
- alt="twitter"
53
- className="socialMediaIcons"
54
- />
55
- <span className="socialMediaIconText">Xtwitter</span>
56
- </div>
57
- </a>
58
-
59
- <a
60
- href="https://www.facebook.com/sharer/sharer.php?u=https://www.nestiq.de"
61
- className="text-decoration-none"
62
- target="blank"
63
- >
64
- <div className=" flex-column d-flex align-items-center">
65
- <img
66
- src={facebook}
67
- alt="facebook"
68
- className="socialMediaIcons "
69
- />
70
- <span className="socialMediaIconText">Facebook</span>
71
- </div>
72
- </a>
73
-
74
- <a
75
- href="https://api.whatsapp.com/send?text=https://www.nestiq.de"
76
- target="blank"
77
- className="text-decoration-none"
78
- >
79
- <div className=" flex-column d-flex align-items-center">
80
- <img
81
- src={whatsapp}
82
- alt="whatsapp"
83
- className=" socialMediaIcons"
84
- />
85
- <span className="socialMediaIconText">WhatsApp</span>
86
- </div>
87
- </a>
88
-
89
- <a
90
- href="https://www.linkedin.com/shareArticle?mini=true&url=https://www.nestiq.de"
91
- target="blank"
92
- className="text-decoration-none"
93
- >
94
- <div className=" flex-column d-flex align-items-center">
95
- <img
96
- src={linkedln}
97
- alt="linkedin"
98
- className=" socialMediaIcons"
99
- />
100
- <span className="socialMediaIconText">LinkedIn</span>
101
- </div>
102
- </a>
103
-
104
- <a
105
- href="https://www.nestiq.de"
106
- target="blank"
107
- className="text-decoration-none"
108
- >
109
- <div className=" flex-column d-flex align-items-center">
110
- <img src={email} alt="email" className=" socialMediaIcons" />
111
- <span className="socialMediaIconText">E-mail</span>
112
- </div>
113
- </a>
114
- </div>
115
- <div className="col-10 mx-auto">
116
- <div className=" row align-items-center position-relative">
117
- <input
118
- ref={urlInputRef}
119
- type="text"
120
- className="popup_search-input rounded-4 border border-0 "
121
- placeholder="Enter link here"
122
- value={window.location.href}
123
- readOnly
124
- />
125
- <button
126
- onClick={copyToClipboard}
127
- className="popupcustom-button border border-0 position-absolute me-2 col-lg-3 col-md-3 col-sm-3 rounded-4 fs-6"
128
- type="button"
129
- id="button"
130
- >
131
- <strong>Kopieren</strong>
132
- </button>
133
- </div>
134
- </div>
135
- </div>
136
- </div>
137
- )}
138
- </div>
139
- );
140
- }
1
+ import React, { useRef, useState } from "react";
2
+ import email from "../../assets/Images/envelope-fill.svg";
3
+ import facebook from "../../assets/Images/facebook.svg";
4
+ import x from "../../assets/Images/icon_close_2.png";
5
+ import linkedln from "../../assets/Images/linkedin.svg";
6
+ import Xtwitter from "../../assets/Images/twitter-x.svg";
7
+ import whatsapp from "../../assets/Images/whatsapp.svg";
8
+ import "./SharePopup.css";
9
+ import { toast } from "react-toastify";
10
+ import "../../styles/common.css";
11
+
12
+ export default function SharePopup() {
13
+ const [showPopUp, setShowPopUp] = useState(true);
14
+
15
+ const handleClose = () => {
16
+ setShowPopUp(false);
17
+ };
18
+ const urlInputRef = useRef<HTMLInputElement | null>(null);
19
+
20
+ const copyToClipboard = () => {
21
+ urlInputRef.current!.select();
22
+ document.execCommand("copy");
23
+ toast.success("URL copied to clipboard!");
24
+ };
25
+
26
+ return (
27
+ <div>
28
+ {showPopUp && (
29
+ <div className="popup-overlay">
30
+ <div className="shareSection col-12 d-flex position-relative flex-column mx-auto justify-content-center col-5 col-lg-6 d-flex gap-4">
31
+ <div className="end-0 top-0 position-absolute ">
32
+ <img
33
+ src={x}
34
+ alt="close"
35
+ className="closeIcon me-2"
36
+ onClick={handleClose}
37
+ />
38
+ </div>
39
+ <div className="popUpHeader col-lg-12 d-flex justify-content-center mb-2">
40
+ Jetzt teilen und weitersagen!
41
+ </div>
42
+ <div className="h-25 col-lg-12 socialMediaIconsSection d-flex flex-row align-items-center justify-content-center mx-auto">
43
+ <a
44
+ href="https://twitter.com/intent/tweet?url=https://www.nestiq.de&text=Nestiq"
45
+ className="text-decoration-none"
46
+ target="blank"
47
+ >
48
+ <div className=" flex-column d-flex align-items-center">
49
+ <img
50
+ src={Xtwitter}
51
+ alt="twitter"
52
+ className="socialMediaIcons"
53
+ />
54
+ <span className="socialMediaIconText">Xtwitter</span>
55
+ </div>
56
+ </a>
57
+
58
+ <a
59
+ href="https://www.facebook.com/sharer/sharer.php?u=https://www.nestiq.de"
60
+ className="text-decoration-none"
61
+ target="blank"
62
+ >
63
+ <div className=" flex-column d-flex align-items-center">
64
+ <img
65
+ src={facebook}
66
+ alt="facebook"
67
+ className="socialMediaIcons "
68
+ />
69
+ <span className="socialMediaIconText">Facebook</span>
70
+ </div>
71
+ </a>
72
+
73
+ <a
74
+ href="https://api.whatsapp.com/send?text=https://www.nestiq.de"
75
+ target="blank"
76
+ className="text-decoration-none"
77
+ >
78
+ <div className=" flex-column d-flex align-items-center">
79
+ <img
80
+ src={whatsapp}
81
+ alt="whatsapp"
82
+ className=" socialMediaIcons"
83
+ />
84
+ <span className="socialMediaIconText">WhatsApp</span>
85
+ </div>
86
+ </a>
87
+
88
+ <a
89
+ href="https://www.linkedin.com/shareArticle?mini=true&url=https://www.nestiq.de"
90
+ target="blank"
91
+ className="text-decoration-none"
92
+ >
93
+ <div className=" flex-column d-flex align-items-center">
94
+ <img
95
+ src={linkedln}
96
+ alt="linkedin"
97
+ className=" socialMediaIcons"
98
+ />
99
+ <span className="socialMediaIconText">LinkedIn</span>
100
+ </div>
101
+ </a>
102
+
103
+ <a
104
+ href="https://www.nestiq.de"
105
+ target="blank"
106
+ className="text-decoration-none"
107
+ >
108
+ <div className=" flex-column d-flex align-items-center">
109
+ <img src={email} alt="email" className=" socialMediaIcons" />
110
+ <span className="socialMediaIconText">E-mail</span>
111
+ </div>
112
+ </a>
113
+ </div>
114
+ <div className="col-10 mx-auto">
115
+ <div className=" row align-items-center position-relative">
116
+ <input
117
+ ref={urlInputRef}
118
+ type="text"
119
+ className="popup_search-input rounded-4 border border-0 "
120
+ placeholder="Enter link here"
121
+ value={window.location.href}
122
+ readOnly
123
+ />
124
+ <button
125
+ onClick={copyToClipboard}
126
+ className="popupcustom-button border border-0 position-absolute me-2 col-lg-3 col-md-3 col-sm-3 rounded-4 fs-6"
127
+ type="button"
128
+ id="button"
129
+ >
130
+ <strong>Kopieren</strong>
131
+ </button>
132
+ </div>
133
+ </div>
134
+ </div>
135
+ </div>
136
+ )}
137
+ </div>
138
+ );
139
+ }
@@ -0,0 +1,25 @@
1
+ import React from "react";
2
+ import { ToastContainer, toast } from "react-toastify";
3
+
4
+ // Utility function to show a toast
5
+ export const showToast = (
6
+ message: string,
7
+ type: "info" | "success" | "warning" | "error" = "info",
8
+ ) => {
9
+ toast(message, { type });
10
+ };
11
+
12
+ const ToastWrapper: React.FC = () => (
13
+ <ToastContainer
14
+ position="top-right"
15
+ autoClose={5000}
16
+ hideProgressBar={false}
17
+ closeOnClick
18
+ rtl={false}
19
+ pauseOnFocusLoss
20
+ draggable
21
+ pauseOnHover
22
+ />
23
+ );
24
+
25
+ export default ToastWrapper;
package/src/index.tsx CHANGED
@@ -1,7 +1,13 @@
1
- export { default as Button } from "./components/Button/Button";
2
- export { default as Popup } from "./components/Popup/Popup";
3
- // export { default as ImageListPopup } from "./components/ImageListPopup/ImageListPopup";
4
- export { default as PropertyDetailsHeader } from "./components/PropertyDetailsHeader/PropertyDetailsHeader";
5
- export { default as PropertyImageList } from "./components/PropertyImageList//PropertyImageList";
6
- export { default as PropertyCard } from "./components/PropertyCard//PropertyCard";
7
-
1
+ import "react-toastify/dist/ReactToastify.css";
2
+
3
+ export { default as Button } from "./components/Button/Button";
4
+ export { default as Popup } from "./components/Popup/Popup";
5
+ // export { default as ImageListPopup } from "./components/ImageListPopup/ImageListPopup";
6
+ export { default as PropertyDetailsHeader } from "./components/PropertyDetailsHeader/PropertyDetailsHeader";
7
+ export { default as PropertyImageList } from "./components/PropertyImageList//PropertyImageList";
8
+ export { default as PropertyCard } from "./components/PropertyCard//PropertyCard";
9
+ export { default as SharePopup } from "./components/SharePopup/SharePopup";
10
+ export {
11
+ default as ToastWrapper,
12
+ showToast,
13
+ } from "./components/ToastWrapper/ToastWrapper";
@@ -0,0 +1,12 @@
1
+ .popup-overlay {
2
+ position: fixed;
3
+ top: 0;
4
+ left: 0;
5
+ right: 0;
6
+ bottom: 0;
7
+ background-color: rgba(0, 0, 0, 0.7);
8
+ display: flex;
9
+ justify-content: center;
10
+ align-items: center;
11
+ z-index: 9998;
12
+ }
@@ -1,3 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#fff" class="bi bi-chevron-right" viewBox="0 0 16 16">
2
- <path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708"/>
3
- </svg>
@@ -1,5 +0,0 @@
1
- <svg width="18" height="17" viewBox="0 0 18 17" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path d="m16.855 5.147-8-4.572a.571.571 0 0 0-.567 0l-8 4.572a.571.571 0 0 0 .014 1l8 4.285a.571.571 0 0 0 .54 0l8-4.285a.571.571 0 0 0 .013-1zM8.572 9.28l-6.82-3.653 6.82-3.897 6.82 3.897-6.82 3.653z" fill="#031012"/>
3
- <path d="M8.846 13.43 16.57 9.18V7.877l-8 4.4-8-4.4V9.18l7.725 4.249a.572.572 0 0 0 .55 0z" fill="#031012"/>
4
- <path d="m.57 12.309 7.731 4.123a.572.572 0 0 0 .538 0l7.731-4.123v-1.295l-8 4.266-8-4.266v1.295z" fill="#031012"/>
5
- </svg>
@@ -1,3 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-right" viewBox="0 0 16 16">
2
- <path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708"/>
3
- </svg>
@@ -1,3 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-left" viewBox="0 0 16 16">
2
- <path fill-rule="evenodd" d="M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0"/>
3
- </svg>
@@ -1,3 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#fff" class="bi bi-chevron-left" viewBox="0 0 16 16">
2
- <path fill-rule="evenodd" d="M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0"/>
3
- </svg>
@@ -1,3 +0,0 @@
1
- <svg width="30" height="27" viewBox="0 0 30 27" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M27.24 2.467a7.97 7.97 0 0 0-11.275.004l-.966.978-.958-.976-.006-.006a7.97 7.97 0 0 0-11.27 0l-.43.43a7.97 7.97 0 0 0 0 11.27l11.354 11.356 1.282 1.343.03-.03.034.033 1.201-1.268L27.67 14.168a7.979 7.979 0 0 0 0-11.27l-.43-.431zm-.98 10.292L15.003 24.018l-11.26-11.26a5.977 5.977 0 0 1 0-8.452l.431-.43a5.977 5.977 0 0 1 8.45-.003l2.372 2.415 2.383-2.412a5.977 5.977 0 0 1 8.453 0l.43.43a5.984 5.984 0 0 1 0 8.453z" fill="#fff"/>
3
- </svg>
Binary file
@@ -1,4 +0,0 @@
1
- <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M18.242 1.29H4.297a1.76 1.76 0 0 0-1.758 1.757v.742h-.781A1.76 1.76 0 0 0 0 5.547v11.406c0 .97.789 1.758 1.758 1.758h13.945a1.76 1.76 0 0 0 1.758-1.758v-.742h.781A1.76 1.76 0 0 0 20 14.453V3.047a1.76 1.76 0 0 0-1.758-1.758zM4.297 2.46h13.945c.323 0 .586.264.586.587v5.508l-3.49-2.47a.586.586 0 0 0-.724.037L10 10.159l-2.114-1.85a.586.586 0 0 0-.748-.02l-3.427 2.693V3.047c0-.323.263-.586.586-.586zm11.992 14.493a.587.587 0 0 1-.586.586H1.758a.587.587 0 0 1-.586-.586V5.547c0-.323.263-.586.586-.586h.781v9.492c0 .97.789 1.758 1.758 1.758h11.992v.742zm1.953-1.914H4.297a.587.587 0 0 1-.586-.586v-1.98L7.48 9.51l2.134 1.868c.221.193.55.193.772 0l4.652-4.071 3.79 2.683v4.462a.587.587 0 0 1-.586.586z" fill="#fff"/>
3
- <path d="M10 7.46a1.838 1.838 0 0 0 1.836-1.835A1.838 1.838 0 0 0 10 3.789a1.838 1.838 0 0 0-1.836 1.836c0 1.012.824 1.836 1.836 1.836zm0-2.5a.665.665 0 1 1-.001 1.33A.665.665 0 0 1 10 4.96z" fill="#fff"/>
4
- </svg>
@@ -1,10 +0,0 @@
1
- <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <g clip-path="url(#bq66l33lna)">
3
- <path d="M19.286 0a.715.715 0 0 0-.32.075l-5.413 2.707-6.12-2.72C7.423.058 7.41.057 7.4.052a.741.741 0 0 0-.17-.044 1.063 1.063 0 0 0-.175 0 .742.742 0 0 0-.171.044c-.01.005-.022.005-.032.01L.424 2.919A.714.714 0 0 0 0 3.572v15.714a.714.714 0 0 0 1.004.653l6.139-2.729 6.138 2.729c.01.004.022 0 .033.006a.63.63 0 0 0 .54-.012c.012-.005.025 0 .036-.008l5.715-2.857a.714.714 0 0 0 .395-.64V.716A.714.714 0 0 0 19.286 0zM6.428 15.964l-5 2.222V4.036l5-2.222v14.15zm6.429 2.222-5-2.222V1.814l5 2.222v14.15zm5.714-2.199-4.286 2.143V4.013l4.286-2.143v14.117z" fill="#fff"/>
4
- </g>
5
- <defs>
6
- <clipPath id="bq66l33lna">
7
- <path fill="#fff" d="M0 0h20v20H0z"/>
8
- </clipPath>
9
- </defs>
10
- </svg>
@@ -1,3 +0,0 @@
1
- <svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M22.046 9.9h-2.56a.937.937 0 1 0 0 1.875h2.56c.517 0 .938.42.938.937v12.26c0 .517-.42.938-.938.938H7.953a.939.939 0 0 1-.937-.938v-12.26c0-.517.42-.937.937-.937h2.56a.937.937 0 1 0 0-1.875h-2.56a2.816 2.816 0 0 0-2.812 2.812v12.26a2.816 2.816 0 0 0 2.812 2.813h14.093a2.816 2.816 0 0 0 2.813-2.813v-12.26A2.816 2.816 0 0 0 22.046 9.9zM11.504 8.007l2.59-2.59V17.76a.937.937 0 1 0 1.874 0V5.418l2.59 2.59a.934.934 0 0 0 1.326 0 .937.937 0 0 0 0-1.327l-4.19-4.19a.938.938 0 0 0-1.326 0l-4.19 4.19a.937.937 0 1 0 1.326 1.326z" fill="#000"/>
3
- </svg>
@@ -1,5 +0,0 @@
1
- <svg width="22" height="20" viewBox="0 0 22 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path d="m21.354 5.808-10-5.714a.714.714 0 0 0-.709 0l-10 5.714a.714.714 0 0 0 .017 1.25l10 5.357a.714.714 0 0 0 .675 0l10-5.357a.714.714 0 0 0 .017-1.25zM11 10.975 2.475 6.408 11 1.537l8.525 4.871L11 10.975z" fill="#fff"/>
3
- <path d="m11.34 16.162 9.656-5.31V9.22l-10 5.5-10-5.5v1.63l9.656 5.31a.715.715 0 0 0 .688 0z" fill="#fff"/>
4
- <path d="m.996 14.762 9.664 5.154a.714.714 0 0 0 .672 0l9.664-5.154v-1.62l-10 5.334-10-5.333v1.619z" fill="#fff"/>
5
- </svg>
@@ -1,4 +0,0 @@
1
- <svg width="12" height="18" viewBox="0 0 12 18" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M6 4.725a2.208 2.208 0 1 0 .001 4.416 2.208 2.208 0 0 0 0-4.416zm0 3.312a1.104 1.104 0 1 1 .001-2.208 1.104 1.104 0 0 1 0 2.208z" fill="#fff"/>
3
- <path d="M10.243 2.687a6 6 0 0 0-9.27 7.518l4.17 6.403a1.022 1.022 0 0 0 1.713 0l4.171-6.404a6 6 0 0 0-.784-7.517zm-.14 6.915L6 15.9 1.897 9.602a4.919 4.919 0 0 1 .64-6.135 4.896 4.896 0 0 1 6.925 0 4.919 4.919 0 0 1 .64 6.135z" fill="#fff"/>
4
- </svg>
@@ -1,4 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-geo-alt" viewBox="0 0 16 16">
2
- <path d="M12.166 8.94c-.524 1.062-1.234 2.12-1.96 3.07A32 32 0 0 1 8 14.58a32 32 0 0 1-2.206-2.57c-.726-.95-1.436-2.008-1.96-3.07C3.304 7.867 3 6.862 3 6a5 5 0 0 1 10 0c0 .862-.305 1.867-.834 2.94M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10"/>
3
- <path d="M8 8a2 2 0 1 1 0-4 2 2 0 0 1 0 4m0 1a3 3 0 1 0 0-6 3 3 0 0 0 0 6"/>
4
- </svg>
@@ -1,6 +0,0 @@
1
- import React from 'react';
2
- var Button = function (_a) {
3
- var label = _a.label;
4
- return React.createElement("button", null, label);
5
- };
6
- export default Button;