namirasoft-site-react 1.2.54 → 1.3.0

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 (143) hide show
  1. package/dist/App.js +1 -1
  2. package/dist/App.js.map +1 -1
  3. package/dist/components/NSButtonGreen.js +1 -1
  4. package/dist/components/NSButtonGreen.js.map +1 -1
  5. package/dist/components/NSButtonRed.js +1 -1
  6. package/dist/components/NSButtonRed.js.map +1 -1
  7. package/dist/components/NSCard.js +3 -3
  8. package/dist/components/NSCard.js.map +1 -1
  9. package/dist/components/NSEntityBar.js +1 -1
  10. package/dist/components/NSEntityBar.js.map +1 -1
  11. package/dist/components/NSFooter.js +4 -4
  12. package/dist/components/NSFooter.js.map +1 -1
  13. package/dist/components/NSHeader.js +5 -5
  14. package/dist/components/NSHeader.js.map +1 -1
  15. package/dist/components/NSInputDate.js +1 -1
  16. package/dist/components/NSInputDate.js.map +1 -1
  17. package/dist/components/NSInputDuration.js +1 -1
  18. package/dist/components/NSInputDuration.js.map +1 -1
  19. package/dist/components/NSInputEmail.js +1 -1
  20. package/dist/components/NSInputEmail.js.map +1 -1
  21. package/dist/components/NSInputFloat.js +1 -1
  22. package/dist/components/NSInputFloat.js.map +1 -1
  23. package/dist/components/NSInputIP.js +1 -1
  24. package/dist/components/NSInputIP.js.map +1 -1
  25. package/dist/components/NSInputInteger.js +1 -1
  26. package/dist/components/NSInputInteger.js.map +1 -1
  27. package/dist/components/NSInputPhone.js +1 -1
  28. package/dist/components/NSInputPhone.js.map +1 -1
  29. package/dist/components/NSInputPrice.js +1 -1
  30. package/dist/components/NSInputPrice.js.map +1 -1
  31. package/dist/components/NSInputSearch.js +1 -1
  32. package/dist/components/NSInputSearch.js.map +1 -1
  33. package/dist/components/NSInputString.js +1 -1
  34. package/dist/components/NSInputString.js.map +1 -1
  35. package/dist/components/NSInputText.js +1 -1
  36. package/dist/components/NSInputText.js.map +1 -1
  37. package/dist/components/NSInputTime.js +1 -1
  38. package/dist/components/NSInputTime.js.map +1 -1
  39. package/dist/components/NSLayout.js +1 -1
  40. package/dist/components/NSLayout.js.map +1 -1
  41. package/dist/components/NSLayoutHeroBanner.js +1 -1
  42. package/dist/components/NSLayoutHeroBanner.js.map +1 -1
  43. package/dist/components/NSLayoutTitle.js +1 -1
  44. package/dist/components/NSLayoutTitle.js.map +1 -1
  45. package/dist/components/NSLinkBlue.js +2 -2
  46. package/dist/components/NSLinkBlue.js.map +1 -1
  47. package/dist/components/NSLinkGreen.js +1 -1
  48. package/dist/components/NSLinkGreen.js.map +1 -1
  49. package/dist/components/NSLinkRed.js +1 -1
  50. package/dist/components/NSLinkRed.js.map +1 -1
  51. package/dist/components/NSPagination.js +7 -7
  52. package/dist/components/NSPagination.js.map +1 -1
  53. package/dist/components/NSSection.d.ts +2 -2
  54. package/dist/components/NSSection.js +4 -5
  55. package/dist/components/NSSection.js.map +1 -1
  56. package/dist/components/NSSectionBars.d.ts +2 -2
  57. package/dist/components/NSSectionBars.js +3 -4
  58. package/dist/components/NSSectionBars.js.map +1 -1
  59. package/dist/components/NSSectionCards.d.ts +2 -2
  60. package/dist/components/NSSectionCards.js +7 -8
  61. package/dist/components/NSSectionCards.js.map +1 -1
  62. package/dist/components/NSSectionTitle.d.ts +1 -1
  63. package/dist/components/NSSectionTitle.js +5 -5
  64. package/dist/components/NSSectionTitle.js.map +1 -1
  65. package/dist/components/NSSelectBox.js +1 -1
  66. package/dist/components/NSSelectBox.js.map +1 -1
  67. package/dist/components/NSTable.js +1 -1
  68. package/dist/components/NSTable.js.map +1 -1
  69. package/dist/components/NSTitle.d.ts +2 -2
  70. package/dist/components/NSTitle.js +3 -4
  71. package/dist/components/NSTitle.js.map +1 -1
  72. package/dist/main.d.ts +0 -1
  73. package/dist/main.js +0 -1
  74. package/dist/main.js.map +1 -1
  75. package/dist/pages/NSLoginPage.js +1 -1
  76. package/dist/pages/NSLoginPage.js.map +1 -1
  77. package/logo.png +0 -0
  78. package/package.json +26 -29
  79. package/src/components/NSLinkBlue.tsx +1 -1
  80. package/src/components/NSSection.tsx +6 -7
  81. package/src/components/NSSectionBars.tsx +3 -5
  82. package/src/components/NSSectionCards.tsx +4 -6
  83. package/src/components/NSSectionTitle.tsx +8 -8
  84. package/src/components/NSTitle.tsx +3 -5
  85. package/src/main.ts +0 -1
  86. package/tsconfig.json +42 -36
  87. package/.gitlab-ci.yml +0 -15
  88. package/dist/assets/images/arrow.svg +0 -3
  89. package/dist/assets/images/danger.svg +0 -3
  90. package/dist/assets/images/exit.svg +0 -3
  91. package/dist/assets/images/icon-input-date.svg +0 -9
  92. package/dist/assets/images/icon-input-duration.svg +0 -9
  93. package/dist/assets/images/icon-input-email.svg +0 -9
  94. package/dist/assets/images/icon-input-float.svg +0 -9
  95. package/dist/assets/images/icon-input-id.svg +0 -9
  96. package/dist/assets/images/icon-input-integer.svg +0 -9
  97. package/dist/assets/images/icon-input-phone.svg +0 -9
  98. package/dist/assets/images/icon-input-price.svg +0 -9
  99. package/dist/assets/images/icon-input-search.svg +0 -4
  100. package/dist/assets/images/icon-input-string.svg +0 -9
  101. package/dist/assets/images/icon-input-text.svg +0 -9
  102. package/dist/assets/images/icon-input-time.svg +0 -9
  103. package/dist/assets/images/logo.svg +0 -9
  104. package/dist/assets/images/map_location.png +0 -0
  105. package/dist/assets/images/menu.svg +0 -3
  106. package/dist/assets/images/namira.svg +0 -9
  107. package/dist/assets/images/rectangle.svg +0 -3
  108. package/dist/components/NSButtonGreen.module.css +0 -12
  109. package/dist/components/NSButtonRed.module.css +0 -12
  110. package/dist/components/NSCard.module.css +0 -94
  111. package/dist/components/NSEntityBar.module.css +0 -53
  112. package/dist/components/NSFooter.module.css +0 -102
  113. package/dist/components/NSHeader.module.css +0 -181
  114. package/dist/components/NSInputDate.module.css +0 -36
  115. package/dist/components/NSInputDuration.module.css +0 -26
  116. package/dist/components/NSInputEmail.module.css +0 -38
  117. package/dist/components/NSInputFloat.module.css +0 -26
  118. package/dist/components/NSInputIP.module.css +0 -26
  119. package/dist/components/NSInputInteger.module.css +0 -26
  120. package/dist/components/NSInputPhone.module.css +0 -33
  121. package/dist/components/NSInputPrice.module.css +0 -27
  122. package/dist/components/NSInputSearch.module.css +0 -26
  123. package/dist/components/NSInputString.module.css +0 -27
  124. package/dist/components/NSInputText.module.css +0 -28
  125. package/dist/components/NSInputTime.module.css +0 -27
  126. package/dist/components/NSLayout.module.css +0 -17
  127. package/dist/components/NSLayoutHeroBanner.module.css +0 -43
  128. package/dist/components/NSLinkBlue.module.css +0 -24
  129. package/dist/components/NSLinkGreen.module.css +0 -16
  130. package/dist/components/NSLinkRed.module.css +0 -16
  131. package/dist/components/NSMap.d.ts +0 -12
  132. package/dist/components/NSMap.js +0 -18
  133. package/dist/components/NSMap.js.map +0 -1
  134. package/dist/components/NSPagination.module.css +0 -25
  135. package/dist/components/NSSection.module.css +0 -10
  136. package/dist/components/NSSectionBars.module.css +0 -11
  137. package/dist/components/NSSectionCards.module.css +0 -38
  138. package/dist/components/NSSectionTitle.module.css +0 -0
  139. package/dist/components/NSSelectBox.module.css +0 -29
  140. package/dist/components/NSTable.modules.css +0 -77
  141. package/dist/components/NSTitle.module.css +0 -9
  142. package/dist/pages/NSLoginPage.modules.css +0 -0
  143. package/src/components/NSMap.tsx +0 -38
@@ -1,26 +0,0 @@
1
- .ns_input_form {
2
- display: flex;
3
- flex-direction: column;
4
- width: 326px;
5
- color: #fff;
6
- max-width: 100%;
7
- position: relative;
8
- }
9
-
10
- .ns_input {
11
- border-radius: 8px;
12
- padding: 10px 12px;
13
- font-size: 16px;
14
- font-weight: 400;
15
- }
16
-
17
- .ns_input_icon {
18
- position: absolute;
19
- right: 20px;
20
- top: 45%;
21
- }
22
-
23
- .ns_input_title {
24
- font-size: 16px;
25
- font-weight: 400;
26
- }
@@ -1,27 +0,0 @@
1
- .ns_input_parent {
2
- display: flex;
3
- flex-direction: column;
4
- width: 326px;
5
- color: #fff;
6
- position: relative;
7
- max-width: 100%;
8
- }
9
-
10
- .ns_input {
11
- border-radius: 8px;
12
- padding: 10px 12px;
13
- font-size: 16px;
14
- font-weight: 400;
15
- }
16
-
17
- .ns_input_icon {
18
- position: absolute;
19
- right: 20px;
20
- top: 51%;
21
- z-index: 1;
22
- }
23
-
24
- .ns_input_title {
25
- font-size: 16px;
26
- font-weight: 400;
27
- }
@@ -1,28 +0,0 @@
1
- .ns_input_parent {
2
- display: flex;
3
- flex-direction: column;
4
- width: 326px;
5
- color: #fff;
6
- position: relative;
7
- max-width: 100%;
8
- padding: 8px;
9
- }
10
-
11
- .ns_input {
12
- border-radius: 8px;
13
- padding: 10px 12px;
14
- font-size: 16px;
15
- font-weight: 400;
16
- }
17
-
18
- .ns_input_icon {
19
- position: absolute;
20
- right: 20px;
21
- top: 51%;
22
- z-index: 1;
23
- }
24
-
25
- .ns_input_title {
26
- font-size: 16px;
27
- font-weight: 400;
28
- }
@@ -1,27 +0,0 @@
1
- .ns_input_parent {
2
- display: flex;
3
- flex-direction: column;
4
- width: 326px;
5
- color: #fff;
6
- position: relative;
7
- max-width: 100%;
8
- }
9
-
10
- .ns_input {
11
- border-radius: 8px;
12
- padding: 10px 12px;
13
- font-size: 16px;
14
- font-weight: 400;
15
- }
16
-
17
- .ns_input_icon {
18
- position: absolute;
19
- right: 20px;
20
- top: 51%;
21
- z-index: 1;
22
- }
23
-
24
- .ns_input_title {
25
- font-size: 16px;
26
- font-weight: 400;
27
- }
@@ -1,17 +0,0 @@
1
- .ns_container {
2
- min-height: 100vh;
3
- width: 100%;
4
- display: flex;
5
- flex-direction: column;
6
- justify-content: space-between;
7
- }
8
-
9
- .ns_header {
10
- margin-bottom: auto;
11
- width: 100%;
12
- }
13
-
14
- .ns_footer {
15
- margin-top: auto;
16
- width: 100%;
17
- }
@@ -1,43 +0,0 @@
1
- .hero_holder {
2
- background-color: #001664;
3
- position: relative;
4
- }
5
-
6
- .hero_wraper {
7
- padding-bottom: 24px;
8
- padding-top: 24px;
9
- display: flex;
10
- justify-content: center;
11
- }
12
-
13
- .hero_text_container {
14
- display: flex;
15
- flex-direction: column;
16
- justify-content: flex-start;
17
- align-items: flex-start;
18
- color: #fff;
19
- z-index: 9;
20
- }
21
-
22
- .hero_image_bg {
23
- background-position: center;
24
- background-repeat: no-repeat;
25
- background-size: cover;
26
- border-radius: 24px;
27
- overflow: hidden;
28
- }
29
-
30
- @media only screen and (min-width: 1024px) {
31
- .ns_hero_vector_bg {
32
- position: absolute;
33
- width: 100%;
34
- top: 0;
35
- left: 0;
36
- right: 0;
37
- bottom: 0;
38
- z-index: 2;
39
- background-position: right bottom;
40
- background-size: auto;
41
- background-repeat: no-repeat;
42
- }
43
- }
@@ -1,24 +0,0 @@
1
- .ns_link_parent {
2
- display: flex;
3
- flex-direction: column;
4
- justify-content: center;
5
- align-items: center;
6
- width: 100%;
7
- gap: 24px;
8
- }
9
-
10
- .ns_link_parent a {
11
- text-decoration: none;
12
- background-color: #366EFF;
13
- color: #fff;
14
- font-size: 16px;
15
- font-weight: 400;
16
- height: 48px;
17
- display: flex;
18
- justify-content: center;
19
- align-items: center;
20
- max-width: 358px;
21
- padding: 12px 64px;
22
- border-radius: 24px;
23
- width: 256px;
24
- }
@@ -1,16 +0,0 @@
1
- .ns_link_green {
2
- display: flex;
3
- border-radius: 8px;
4
- background-color: #06D182;
5
- color: #ffffff;
6
- border: 0;
7
- box-shadow: inset 0 -4px 4px 0px rgb(0 0 0 / 25%);
8
- font-size: 16px;
9
- text-decoration: none;
10
- width: 358px;
11
- height: 48px;
12
- text-align: center;
13
- align-items: center;
14
- justify-content: center;
15
- font-weight: 400;
16
- }
@@ -1,16 +0,0 @@
1
- .ns_link_red {
2
- display: flex;
3
- border-radius: 8px;
4
- background-color: rgb(265, 63, 63, 1);
5
- color: #ffffff;
6
- border: 0;
7
- box-shadow: inset 0 -4px 4px 0px rgb(0 0 0 / 25%);
8
- font-size: 16px;
9
- text-decoration: none;
10
- width: 358px;
11
- height: 48px;
12
- text-align: center;
13
- align-items: center;
14
- justify-content: center;
15
- font-weight: 400;
16
- }
@@ -1,12 +0,0 @@
1
- import React from 'react';
2
- interface NSMapProps {
3
- location: {
4
- name: string;
5
- latitude: number;
6
- longitude: number;
7
- };
8
- }
9
- export declare class NSMap extends React.Component<NSMapProps> {
10
- render(): import("react/jsx-runtime").JSX.Element;
11
- }
12
- export {};
@@ -1,18 +0,0 @@
1
- 'use client';
2
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
- import React from 'react';
4
- import { MapContainer, TileLayer, Marker, Popup } from 'react-leaflet';
5
- import L from 'leaflet';
6
- import IconLocation from '../assets/images/map_location.png';
7
- const locationIcon = L.icon({
8
- iconUrl: IconLocation,
9
- iconSize: [24, 24],
10
- iconAnchor: [12, 41],
11
- popupAnchor: [1, -34],
12
- });
13
- export class NSMap extends React.Component {
14
- render() {
15
- return (_jsxs(MapContainer, Object.assign({ center: [this.props.location.latitude, this.props.location.longitude], zoom: 13, style: { height: '400px', width: '100%' } }, { children: [_jsx(TileLayer, { url: "https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png" }), _jsx(Marker, Object.assign({ position: [this.props.location.latitude, this.props.location.longitude], icon: locationIcon }, { children: _jsx(Popup, { children: this.props.location.name }) }))] })));
16
- }
17
- }
18
- //# sourceMappingURL=NSMap.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"NSMap.js","sourceRoot":"","sources":["../../src/components/NSMap.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACvE,OAAO,CAAC,MAAM,SAAS,CAAC;AACxB,OAAO,YAAY,MAAM,mCAAmC,CAAC;AAC7D,MAAM,YAAY,GAAG,CAAC,CAAC,IAAI,CAAC;IAC3B,OAAO,EAAE,YAAY;IACrB,QAAQ,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC;IAClB,UAAU,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC;IACpB,WAAW,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC;CACrB,CAAC,CAAC;AAYH,MAAM,OAAO,KAAM,SAAQ,KAAK,CAAC,SAAqB;IAC5C,MAAM;QAEd,OAAO,CACN,MAAC,YAAY,kBAAC,MAAM,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,iBACvI,KAAC,SAAS,IAAC,GAAG,EAAC,oDAAoD,GAAG,EACtE,KAAC,MAAM,kBAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE,IAAI,EAAE,YAAY,gBAClG,KAAC,KAAK,cACJ,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,GAClB,IACA,KACK,CACf,CAAC;IACH,CAAC;CACD"}
@@ -1,25 +0,0 @@
1
- .ns_pagination_container {
2
- display: flex;
3
- flex-direction: row;
4
- gap: 18px;
5
- text-align: left;
6
- padding-left: 48px;
7
- font-size: 14px;
8
- justify-items: center;
9
- line-height: 35px;
10
- }
11
-
12
- @media only screen and (max-width: 600px) {
13
- .ns_paginationl_container {
14
- padding-left: 36px;
15
- }
16
- }
17
-
18
- .center_number {
19
- background-color: rgba(6, 209, 130, 1);
20
- border-radius: 50px;
21
- height: 32px;
22
- width: 32px;
23
- text-align: center;
24
- align-items: center;
25
- }
@@ -1,10 +0,0 @@
1
- .ns_section {
2
- background-repeat: no-repeat;
3
- background-size: cover;
4
- background-position: center;
5
- }
6
-
7
- .ns_section_whitespace {
8
- padding-bottom: 48px;
9
- padding-top: 48px;
10
- }
@@ -1,11 +0,0 @@
1
- .ns_entity_bar_container {
2
- display: flex;
3
- flex-direction: column;
4
- justify-content: center;
5
- align-items: center;
6
- margin-left: auto;
7
- margin-right: auto;
8
- padding-left: 1rem;
9
- padding-right: 1rem;
10
- gap: 24px;
11
- }
@@ -1,38 +0,0 @@
1
- .ns_section_cards_holder {
2
- display: flex;
3
- flex-direction: column;
4
- justify-content: center;
5
- align-items: center;
6
- margin-left: auto;
7
- margin-right: auto;
8
- padding-left: 1rem;
9
- padding-right: 1rem;
10
- }
11
-
12
- .ns_section_cards_title_container {
13
- margin-bottom: 32px;
14
- }
15
-
16
- .ns_card_container {
17
- display: flex;
18
- flex-direction: row;
19
- flex-wrap: wrap;
20
- justify-content: center;
21
- gap: 48px;
22
- width: 100%;
23
- }
24
-
25
- .ns_section_cards_link_container {
26
- margin-top: 48px;
27
- width: 100%;
28
- text-align: center;
29
- }
30
-
31
- .description {
32
- font-style: normal;
33
- font-weight: initial;
34
- font-size: 16px;
35
- font-family: initial;
36
- line-height: initial;
37
- margin-bottom: 16px;
38
- }
File without changes
@@ -1,29 +0,0 @@
1
- .ns_input_parent {
2
- width: 326px;
3
- max-width: 100%;
4
- }
5
-
6
- .ns_input_select {
7
- height: 48px;
8
- width: 304px !important;
9
- }
10
-
11
- .ns_input_select span span svg path {
12
- height: 24px !important;
13
- width: 24px !important;
14
- }
15
-
16
- .ns_input_select span span svg {
17
- height: 24px !important;
18
- width: 24px !important;
19
- }
20
-
21
- .ns_input_select span span span svg path {
22
- height: 12px !important;
23
- width: 12px !important;
24
- }
25
-
26
- .ns_input_select span span span svg {
27
- height: 12px !important;
28
- width: 12px !important;
29
- }
@@ -1,77 +0,0 @@
1
- .thead th {
2
- background-color: rgb(0, 0, 0, 0.3);
3
- color: rgba(255, 255, 255, 1);
4
- border: none;
5
- }
6
-
7
- .tbody th {
8
- background-color: rgb(0, 0, 0, 0.3);
9
- color: rgba(255, 255, 255, 1);
10
- border: none;
11
- }
12
-
13
- .tbody td {
14
- background-color: rgb(0, 0, 0, 0.3);
15
- color: rgba(255, 255, 255, 1);
16
- border: none;
17
- }
18
-
19
- .project_list_container {
20
- border: none;
21
- text-align: left;
22
- }
23
-
24
- @media only screen and (max-width:600px) {
25
- .project_list_container {
26
- overflow: scroll;
27
- }
28
- }
29
-
30
- /* table-satus */
31
- .inqueue_status {
32
- color: white;
33
- background-color: rgba(255, 148, 50, 1);
34
- font-size: 12px;
35
- width: 96px;
36
- height: 24px;
37
- border-radius: 24px;
38
- border: none;
39
- text-align: center;
40
- padding-top: 2px;
41
- }
42
-
43
- .reserving_status {
44
- color: white;
45
- background-color: rgba(255, 79, 79, 1);
46
- font-size: 12px;
47
- width: 96px;
48
- height: 24px;
49
- border-radius: 24px;
50
- border: none;
51
- text-align: center;
52
- padding-top: 2px;
53
- }
54
-
55
- .done-status {
56
- color: white;
57
- background-color: rgba(6, 209, 130, 1);
58
- font-size: 12px;
59
- width: 96px;
60
- height: 24px;
61
- border-radius: 24px;
62
- border: none;
63
- text-align: center;
64
- padding-top: 2px;
65
- }
66
-
67
- .inprogress_status {
68
- color: white;
69
- background-color: rgba(230, 208, 19, 1);
70
- font-size: 12px;
71
- width: 96px;
72
- height: 24px;
73
- border-radius: 24px;
74
- border: none;
75
- text-align: center;
76
- padding-top: 2px;
77
- }
@@ -1,9 +0,0 @@
1
- .ns_title {
2
- font-size: 32px;
3
- font-weight: 700;
4
- line-height: normal;
5
- color: #001664;
6
- margin-bottom: 16px;
7
- width: 100%;
8
- text-align: center;
9
- }
File without changes
@@ -1,38 +0,0 @@
1
- 'use client'
2
-
3
- import React from 'react';
4
- import { MapContainer, TileLayer, Marker, Popup } from 'react-leaflet';
5
- import L from 'leaflet';
6
- import IconLocation from '../assets/images/map_location.png';
7
- const locationIcon = L.icon({
8
- iconUrl: IconLocation,
9
- iconSize: [24, 24],
10
- iconAnchor: [12, 41],
11
- popupAnchor: [1, -34],
12
- });
13
-
14
-
15
- interface NSMapProps
16
- {
17
- location: {
18
- name: string;
19
- latitude: number;
20
- longitude: number;
21
- }
22
- }
23
-
24
- export class NSMap extends React.Component<NSMapProps> {
25
- override render()
26
- {
27
- return (
28
- <MapContainer center={[this.props.location.latitude, this.props.location.longitude]} zoom={13} style={{ height: '400px', width: '100%' }}>
29
- <TileLayer url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png" />
30
- <Marker position={[this.props.location.latitude, this.props.location.longitude]} icon={locationIcon}>
31
- <Popup>
32
- {this.props.location.name}
33
- </Popup>
34
- </Marker>
35
- </MapContainer>
36
- );
37
- }
38
- }