From fed1116c8e57d8a371adfa985d67f7184136ebaf Mon Sep 17 00:00:00 2001 From: raihankabir36850 Date: Wed, 10 Feb 2021 23:37:39 +0600 Subject: [PATCH 1/3] create map using map box --- package.json | 1 + src/assets/images/map-marker-icon.png | Bin 0 -> 4021 bytes src/components/contact-us/MapInfo.js | 29 +++ yarn.lock | 245 +++++++++++++++++++++++++- 4 files changed, 273 insertions(+), 2 deletions(-) create mode 100644 src/assets/images/map-marker-icon.png create mode 100644 src/components/contact-us/MapInfo.js diff --git a/package.json b/package.json index d45ba35a..1139fdd5 100644 --- a/package.json +++ b/package.json @@ -11,6 +11,7 @@ "classnames": "^2.2.6", "react": "^17.0.1", "react-dom": "^17.0.1", + "react-map-gl": "^6.1.6", "react-redux": "^7.2.2", "react-router-dom": "^5.2.0", "react-scripts": "4.0.1", diff --git a/src/assets/images/map-marker-icon.png b/src/assets/images/map-marker-icon.png new file mode 100644 index 0000000000000000000000000000000000000000..969f763188b5aa0c8d9214236f39048ba7c8f094 GIT binary patch literal 4021 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 XlyZlMr;H@K9S1B-ZA~hTN!0%VEyW?K literal 0 HcmV?d00001 diff --git a/src/components/contact-us/MapInfo.js b/src/components/contact-us/MapInfo.js new file mode 100644 index 00000000..0ffe044f --- /dev/null +++ b/src/components/contact-us/MapInfo.js @@ -0,0 +1,29 @@ +import React, { useState } from 'react'; +import ReactMapGl, { Marker } from 'react-map-gl' +import mapMarker from '../../assets/images/map-marker-icon.png' + +const MapboxAccessToken = 'pk.eyJ1IjoicmFpaGFuMzIiLCJhIjoiY2tremQ5Y3FiMHAwbjJxcDAwcTdvOHptayJ9.tYflkgHrEN-IEa5LwSd1TA' +const markerStyle = { + width: '50px', + height: '50px' +} +const MapInfo = () => { + const [viewport, setViewport] = useState({ + latitude: 23.810651, + longitude: 90.4126466, + zoom: 10, + width: '100vw', + height: '60vh' + }) + return ( + setViewport(viewport)} + mapboxApiAccessToken={MapboxAccessToken} > + + map-marker + + + ) +} +export default MapInfo; \ No newline at end of file diff --git a/yarn.lock b/yarn.lock index d6734914..4b0b2fd5 100644 --- a/yarn.lock +++ b/yarn.lock @@ -1132,6 +1132,13 @@ dependencies: regenerator-runtime "^0.13.4" +"@babel/runtime@^7.0.0", "@babel/runtime@^7.12.0": + version "7.12.13" + resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.12.13.tgz#0a21452352b02542db0ffb928ac2d3ca7cb6d66d" + integrity sha512-8+3UMPBrjFa/6TtKi/7sehPKqfAm4g6K+YQjyyFOLUTxzOngcRZTlAVY8sc2CORJYqdHQY8gRPHmn+qo15rCBw== + dependencies: + regenerator-runtime "^0.13.4" + "@babel/runtime@^7.1.2", "@babel/runtime@^7.10.1", "@babel/runtime@^7.10.2", "@babel/runtime@^7.10.4", "@babel/runtime@^7.11.1", "@babel/runtime@^7.11.2", "@babel/runtime@^7.12.1", "@babel/runtime@^7.12.5", "@babel/runtime@^7.5.5", "@babel/runtime@^7.7.2", "@babel/runtime@^7.8.4", "@babel/runtime@^7.9.2": version "7.12.5" resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.12.5.tgz#410e7e487441e1b360c29be715d870d9b985882e" @@ -1435,6 +1442,64 @@ "@types/yargs" "^15.0.0" chalk "^4.0.0" +"@mapbox/geojson-rewind@^0.5.0": + version "0.5.0" + resolved "https://registry.yarnpkg.com/@mapbox/geojson-rewind/-/geojson-rewind-0.5.0.tgz#91f0ad56008c120caa19414b644d741249f4f560" + integrity sha512-73l/qJQgj/T/zO1JXVfuVvvKDgikD/7D/rHAD28S9BG1OTstgmftrmqfCx4U+zQAmtsB6HcDA3a7ymdnJZAQgg== + dependencies: + concat-stream "~2.0.0" + minimist "^1.2.5" + +"@mapbox/geojson-types@^1.0.2": + version "1.0.2" + resolved "https://registry.yarnpkg.com/@mapbox/geojson-types/-/geojson-types-1.0.2.tgz#9aecf642cb00eab1080a57c4f949a65b4a5846d6" + integrity sha512-e9EBqHHv3EORHrSfbR9DqecPNn+AmuAoQxV6aL8Xu30bJMJR1o8PZLZzpk1Wq7/NfCbuhmakHTPYRhoqLsXRnw== + +"@mapbox/jsonlint-lines-primitives@^2.0.2": + version "2.0.2" + resolved "https://registry.yarnpkg.com/@mapbox/jsonlint-lines-primitives/-/jsonlint-lines-primitives-2.0.2.tgz#ce56e539f83552b58d10d672ea4d6fc9adc7b234" + integrity sha1-zlblOfg1UrWNENZy6k1vya3HsjQ= + +"@mapbox/mapbox-gl-supported@^2.0.0": + version "2.0.0" + resolved "https://registry.yarnpkg.com/@mapbox/mapbox-gl-supported/-/mapbox-gl-supported-2.0.0.tgz#bb133cd91e562c006713fbc83f21e4b6f711a388" + integrity sha512-zu4udqYiBrKMQKwpKJ4hhPON7tz0QR/JZ3iGpHnNWFmH3Sv/ysxlICATUtGCFpsyJf2v1WpFhlzaZ3GhhKmPMA== + +"@mapbox/point-geometry@0.1.0", "@mapbox/point-geometry@^0.1.0", "@mapbox/point-geometry@~0.1.0": + version "0.1.0" + resolved "https://registry.yarnpkg.com/@mapbox/point-geometry/-/point-geometry-0.1.0.tgz#8a83f9335c7860effa2eeeca254332aa0aeed8f2" + integrity sha1-ioP5M1x4YO/6Lu7KJUMyqgru2PI= + +"@mapbox/tiny-sdf@^1.2.3": + version "1.2.3" + resolved "https://registry.yarnpkg.com/@mapbox/tiny-sdf/-/tiny-sdf-1.2.3.tgz#74807b3eab60ca8f9cd2de8238c27928f8f31677" + integrity sha512-UH233on+8Okmj/JJFcxyc+HMSzKQcSFiiT339lFf2BMGs0+iEbobX7+GESeKVkPVtTFoh54LuNa1mC8N2ucM2w== + +"@mapbox/unitbezier@^0.0.0": + version "0.0.0" + resolved "https://registry.yarnpkg.com/@mapbox/unitbezier/-/unitbezier-0.0.0.tgz#15651bd553a67b8581fb398810c98ad86a34524e" + integrity sha1-FWUb1VOme4WB+zmIEMmK2Go0Uk4= + +"@mapbox/vector-tile@^1.3.1": + version "1.3.1" + resolved "https://registry.yarnpkg.com/@mapbox/vector-tile/-/vector-tile-1.3.1.tgz#d3a74c90402d06e89ec66de49ec817ff53409666" + integrity sha512-MCEddb8u44/xfQ3oD+Srl/tNcQoqTw3goGk2oLsrFxOTc3dUp+kAnby3PvAeeBYSMSjSPD1nd1AJA6W49WnoUw== + dependencies: + "@mapbox/point-geometry" "~0.1.0" + +"@mapbox/whoots-js@^3.1.0": + version "3.1.0" + resolved "https://registry.yarnpkg.com/@mapbox/whoots-js/-/whoots-js-3.1.0.tgz#497c67a1cef50d1a2459ba60f315e448d2ad87fe" + integrity sha512-Es6WcD0nO5l+2BOQS4uLfNPYQaNDfbot3X1XUoloz+x0mPDS3eeORZJl06HXjwBG1fOGwCRnzK88LMdxKRrd6Q== + +"@math.gl/web-mercator@^3.2.0": + version "3.4.2" + resolved "https://registry.yarnpkg.com/@math.gl/web-mercator/-/web-mercator-3.4.2.tgz#72c7c7e698bcf8d1d1d60c0ec4c5a4698c9b960e" + integrity sha512-Az/WI8vxbqnrTEcYgqDQ3CgCRoFA2a4XT9mkjVrT7iIlfrUF5lrIXcmpljjKvoFNBldKrng7hFSeHHM2ghgSrg== + dependencies: + "@babel/runtime" "^7.12.0" + gl-matrix "^3.0.0" + "@nodelib/fs.scandir@2.1.3": version "2.1.3" resolved "https://registry.yarnpkg.com/@nodelib/fs.scandir/-/fs.scandir-2.1.3.tgz#3a582bdb53804c6ba6d146579c46e52130cf4a3b" @@ -1732,6 +1797,11 @@ resolved "https://registry.yarnpkg.com/@types/estree/-/estree-0.0.39.tgz#e177e699ee1b8c22d23174caaa7422644389509f" integrity sha512-EYNwp3bU+98cpU4lAWYYL7Zz+2gryWH1qbdDTidVd6hkiR6weksdbMadyXKXNPEkQFhXM+hVO9ZygomHXp+AIw== +"@types/geojson@*", "@types/geojson@^7946.0.7": + version "7946.0.7" + resolved "https://registry.yarnpkg.com/@types/geojson/-/geojson-7946.0.7.tgz#c8fa532b60a0042219cdf173ca21a975ef0666ad" + integrity sha512-wE2v81i4C4Ol09RtsWFAqg3BUitWbHSpSlIo+bNdsCJijO9sjme+zm+73ZMCa/qMC8UEERxzGbvmr1cffo2SiQ== + "@types/glob@^7.1.1": version "7.1.3" resolved "https://registry.yarnpkg.com/@types/glob/-/glob-7.1.3.tgz#e6ba80f36b7daad2c685acd9266382e68985c183" @@ -1789,6 +1859,13 @@ resolved "https://registry.yarnpkg.com/@types/json5/-/json5-0.0.29.tgz#ee28707ae94e11d2b827bcbe5270bcea7f3e71ee" integrity sha1-7ihweulOEdK4J7y+UnC86n8+ce4= +"@types/mapbox-gl@^2.0.3": + version "2.0.4" + resolved "https://registry.yarnpkg.com/@types/mapbox-gl/-/mapbox-gl-2.0.4.tgz#cc407ee56d4ac89e71340b3bedbb6cc58d9d27e9" + integrity sha512-0qxx/jK+/t5dcJ9LjTCvtcUamryk8yZUCQcpcOs/mQU6JipW15taAfUKvyNLC/PmhJYLSN5U4GrLFl6cBSGemg== + dependencies: + "@types/geojson" "*" + "@types/minimatch@*": version "3.0.3" resolved "https://registry.yarnpkg.com/@types/minimatch/-/minimatch-3.0.3.tgz#3dca0e3f33b200fc7d1139c0cd96c1268cadfd9d" @@ -3484,6 +3561,16 @@ concat-stream@^1.5.0: readable-stream "^2.2.2" typedarray "^0.0.6" +concat-stream@~2.0.0: + version "2.0.0" + resolved "https://registry.yarnpkg.com/concat-stream/-/concat-stream-2.0.0.tgz#414cf5af790a48c60ab9be4527d56d5e41133cb1" + integrity sha512-MWufYdFw53ccGjCA+Ol7XJYpAlW6/prSMzuPOTRnJGcGzuhLn4Scrz7qf6o8bROZ514ltazcIFJZevcfbo0x7A== + dependencies: + buffer-from "^1.0.0" + inherits "^2.0.3" + readable-stream "^3.0.2" + typedarray "^0.0.6" + confusing-browser-globals@^1.0.10: version "1.0.10" resolved "https://registry.yarnpkg.com/confusing-browser-globals/-/confusing-browser-globals-1.0.10.tgz#30d1e7f3d1b882b25ec4933d1d1adac353d20a59" @@ -3828,6 +3915,11 @@ css@^3.0.0: source-map "^0.6.1" source-map-resolve "^0.6.0" +csscolorparser@~1.0.3: + version "1.0.3" + resolved "https://registry.yarnpkg.com/csscolorparser/-/csscolorparser-1.0.3.tgz#b34f391eea4da8f3e98231e2ccd8df9c041f171b" + integrity sha1-s085HupNqPPpgjHizNjfnAQfFxs= + cssdb@^4.4.0: version "4.4.0" resolved "https://registry.yarnpkg.com/cssdb/-/cssdb-4.4.0.tgz#3bf2f2a68c10f5c6a08abd92378331ee803cddb0" @@ -4306,6 +4398,11 @@ duplexify@^3.4.2, duplexify@^3.6.0: readable-stream "^2.0.0" stream-shift "^1.0.0" +earcut@^2.2.2: + version "2.2.2" + resolved "https://registry.yarnpkg.com/earcut/-/earcut-2.2.2.tgz#41b0bc35f63e0fe80da7cddff28511e7e2e80d11" + integrity sha512-eZoZPPJcUHnfRZ0PjLvx2qBordSiO8ofC3vt+qACLM95u+4DovnbYNpQtJh0DNsWj8RnxrQytD4WA8gj5cRIaQ== + ecc-jsbn@~0.1.1: version "0.1.2" resolved "https://registry.yarnpkg.com/ecc-jsbn/-/ecc-jsbn-0.1.2.tgz#3a83a904e54353287874c564b7549386849a98c9" @@ -5288,6 +5385,11 @@ gensync@^1.0.0-beta.1: resolved "https://registry.yarnpkg.com/gensync/-/gensync-1.0.0-beta.2.tgz#32a6ee76c3d7f52d46b2b1ae5d93fea8580a25e0" integrity sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg== +geojson-vt@^3.2.1: + version "3.2.1" + resolved "https://registry.yarnpkg.com/geojson-vt/-/geojson-vt-3.2.1.tgz#f8adb614d2c1d3f6ee7c4265cad4bbf3ad60c8b7" + integrity sha512-EvGQQi/zPrDA6zr6BnJD/YhwAkBP8nnJ9emh3EnHQKVMfg/MRVtPbMYdgVy/IaEmn4UfagD2a6fafPDL5hbtwg== + get-caller-file@^2.0.1: version "2.0.5" resolved "https://registry.yarnpkg.com/get-caller-file/-/get-caller-file-2.0.5.tgz#4f94412a82db32f36e3b0b9741f8a97feb031f7e" @@ -5338,6 +5440,11 @@ getpass@^0.1.1: dependencies: assert-plus "^1.0.0" +gl-matrix@^3.0.0, gl-matrix@^3.2.1: + version "3.3.0" + resolved "https://registry.yarnpkg.com/gl-matrix/-/gl-matrix-3.3.0.tgz#232eef60b1c8b30a28cbbe75b2caf6c48fd6358b" + integrity sha512-COb7LDz+SXaHtl/h4LeaFcNdJdAQSDeVqjiIihSXNrkWObZLhDI4hIkZC11Aeqp7bcE72clzB0BnDXr2SmslRA== + glob-parent@^3.1.0: version "3.1.0" resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-3.1.0.tgz#9e6af6299d8d3bd2bd40430832bd113df906c5ae" @@ -5421,6 +5528,11 @@ graceful-fs@^4.1.11, graceful-fs@^4.1.15, graceful-fs@^4.1.2, graceful-fs@^4.1.6 resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.4.tgz#2256bde14d3632958c465ebc96dc467ca07a29fb" integrity sha512-WjKPNJF79dtJAVniUlGGWHYGz2jWxT6VhN/4m1NdkbZ2nOsEF+cI1Edgql5zCRhs/VsQYRvrXctxktVXZUkixw== +grid-index@^1.1.0: + version "1.1.0" + resolved "https://registry.yarnpkg.com/grid-index/-/grid-index-1.1.0.tgz#97f8221edec1026c8377b86446a7c71e79522ea7" + integrity sha512-HZRwumpOGUrHyxO5bqKZL0B0GlUpwtCAzZ42sgxUPniu33R1LSFH5yrIcBCHjkctCAh3mtWKcKd9J4vDDdeVHA== + growly@^1.3.0: version "1.3.0" resolved "https://registry.yarnpkg.com/growly/-/growly-1.3.0.tgz#f10748cbe76af964b7c96c93c6bcc28af120c081" @@ -5434,6 +5546,11 @@ gzip-size@5.1.1: duplexer "^0.1.1" pify "^4.0.1" +hammerjs@^2.0.8: + version "2.0.8" + resolved "https://registry.yarnpkg.com/hammerjs/-/hammerjs-2.0.8.tgz#04ef77862cff2bb79d30f7692095930222bf60f1" + integrity sha1-BO93hiz/K7edMPdpIJWTAiK/YPE= + handle-thing@^2.0.0: version "2.0.1" resolved "https://registry.yarnpkg.com/handle-thing/-/handle-thing-2.0.1.tgz#857f79ce359580c340d43081cc648970d0bb234e" @@ -5758,7 +5875,7 @@ identity-obj-proxy@3.0.0: dependencies: harmony-reflect "^1.4.6" -ieee754@^1.1.4: +ieee754@^1.1.12, ieee754@^1.1.4: version "1.2.1" resolved "https://registry.yarnpkg.com/ieee754/-/ieee754-1.2.1.tgz#8eb7a10a63fff25d15a57b001586d177d1b0d352" integrity sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA== @@ -6895,6 +7012,11 @@ jsprim@^1.2.2: array-includes "^3.1.1" object.assign "^4.1.1" +kdbush@^3.0.0: + version "3.0.0" + resolved "https://registry.yarnpkg.com/kdbush/-/kdbush-3.0.0.tgz#f8484794d47004cc2d85ed3a79353dbe0abc2bf0" + integrity sha512-hRkd6/XW4HTsA9vjVpY9tuXJYLSlelnkTmVFu4M9/7MIYQtFcHpbugAU7UbOfjOiVSVYl2fqgBuJ32JUmRo5Ew== + killable@^1.0.1: version "1.0.1" resolved "https://registry.yarnpkg.com/killable/-/killable-1.0.1.tgz#4c8ce441187a061c7474fb87ca08e2a638194892" @@ -7159,6 +7281,35 @@ map-visit@^1.0.0: dependencies: object-visit "^1.0.0" +mapbox-gl@^2.0.1: + version "2.1.1" + resolved "https://registry.yarnpkg.com/mapbox-gl/-/mapbox-gl-2.1.1.tgz#3e29c44e5bd7499aa8829426a678fe472ac536f9" + integrity sha512-LUbXcjygNHbjahkhsB1I/KdZ8uoproe1u1ImrVJe88dyXYKJKOZoSBe23tm+ldu76l3G9XbgPOdUhkhqL172FQ== + dependencies: + "@mapbox/geojson-rewind" "^0.5.0" + "@mapbox/geojson-types" "^1.0.2" + "@mapbox/jsonlint-lines-primitives" "^2.0.2" + "@mapbox/mapbox-gl-supported" "^2.0.0" + "@mapbox/point-geometry" "^0.1.0" + "@mapbox/tiny-sdf" "^1.2.3" + "@mapbox/unitbezier" "^0.0.0" + "@mapbox/vector-tile" "^1.3.1" + "@mapbox/whoots-js" "^3.1.0" + csscolorparser "~1.0.3" + earcut "^2.2.2" + geojson-vt "^3.2.1" + gl-matrix "^3.2.1" + grid-index "^1.1.0" + minimist "^1.2.5" + murmurhash-js "^1.0.0" + pbf "^3.2.1" + potpack "^1.0.1" + quickselect "^2.0.0" + rw "^1.3.3" + supercluster "^7.1.2" + tinyqueue "^2.0.3" + vt-pbf "^3.1.1" + md5.js@^1.3.4: version "1.3.5" resolved "https://registry.yarnpkg.com/md5.js/-/md5.js-1.3.5.tgz#b5d07b8e3216e3e27cd728d72f70d1e6a342005f" @@ -7404,6 +7555,14 @@ mixin-deep@^1.2.0: for-in "^1.0.2" is-extendable "^1.0.1" +mjolnir.js@^2.5.0: + version "2.5.0" + resolved "https://registry.yarnpkg.com/mjolnir.js/-/mjolnir.js-2.5.0.tgz#5918b74625d9682002da82e01d6ffb0b16b02b0e" + integrity sha512-YkVoyKs7qm9xvAgRgjx3Md/7eYqmq7VXOgTKQNnmuzcBJzMebjdIWa7FdTd0RZBrw3UL6V6TTktsxJwBMLXUNA== + dependencies: + "@babel/runtime" "^7.0.0" + hammerjs "^2.0.8" + mkdirp@^0.5.1, mkdirp@^0.5.3, mkdirp@^0.5.5, mkdirp@~0.5.1: version "0.5.5" resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-0.5.5.tgz#d91cefd62d1436ca0f41620e251288d420099def" @@ -7461,6 +7620,11 @@ multicast-dns@^6.0.1: dns-packet "^1.3.1" thunky "^1.0.2" +murmurhash-js@^1.0.0: + version "1.0.0" + resolved "https://registry.yarnpkg.com/murmurhash-js/-/murmurhash-js-1.0.0.tgz#b06278e21fc6c37fa5313732b0412bcb6ae15f51" + integrity sha1-sGJ44h/Gw3+lMTcysEEry2rhX1E= + nan@^2.12.1: version "2.14.2" resolved "https://registry.yarnpkg.com/nan/-/nan-2.14.2.tgz#f5376400695168f4cc694ac9393d0c9585eeea19" @@ -8088,6 +8252,14 @@ path-type@^4.0.0: resolved "https://registry.yarnpkg.com/path-type/-/path-type-4.0.0.tgz#84ed01c0a7ba380afe09d90a8c180dcd9d03043b" integrity sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw== +pbf@^3.0.5, pbf@^3.2.1: + version "3.2.1" + resolved "https://registry.yarnpkg.com/pbf/-/pbf-3.2.1.tgz#b4c1b9e72af966cd82c6531691115cc0409ffe2a" + integrity sha512-ClrV7pNOn7rtmoQVF4TS1vyU0WhYRnP92fzbfF75jAIwpnzdJXf8iTd4CMEqO4yUenH6NDqLiwjqlh6QgZzgLQ== + dependencies: + ieee754 "^1.1.12" + resolve-protobuf-schema "^2.1.0" + pbkdf2@^3.0.3: version "3.1.1" resolved "https://registry.yarnpkg.com/pbkdf2/-/pbkdf2-3.1.1.tgz#cb8724b0fada984596856d1a6ebafd3584654b94" @@ -8859,6 +9031,11 @@ postcss@^8.1.0: source-map "^0.6.1" vfile-location "^3.2.0" +potpack@^1.0.1: + version "1.0.1" + resolved "https://registry.yarnpkg.com/potpack/-/potpack-1.0.1.tgz#d1b1afd89e4c8f7762865ec30bd112ab767e2ebf" + integrity sha512-15vItUAbViaYrmaB/Pbw7z6qX2xENbFSTA7Ii4tgbPtasxm5v6ryKhKtL91tpWovDJzTiZqdwzhcFBCwiMVdVw== + prelude-ls@^1.2.1: version "1.2.1" resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.2.1.tgz#debc6489d7a6e6b0e7611888cec880337d316396" @@ -8941,6 +9118,11 @@ prop-types@^15.6.2, prop-types@^15.7.2: object-assign "^4.1.1" react-is "^16.8.1" +protocol-buffers-schema@^3.3.1: + version "3.5.1" + resolved "https://registry.yarnpkg.com/protocol-buffers-schema/-/protocol-buffers-schema-3.5.1.tgz#8388e768d383ac8cbea23e1280dfadb79f4122ad" + integrity sha512-YVCvdhxWNDP8/nJDyXLuM+UFsuPk4+1PB7WGPVDzm3HTHbzFLxQYeW2iZpS4mmnXrQJGBzt230t/BbEb7PrQaw== + proxy-addr@~2.0.5: version "2.0.6" resolved "https://registry.yarnpkg.com/proxy-addr/-/proxy-addr-2.0.6.tgz#fdc2336505447d3f2f2c638ed272caf614bbb2bf" @@ -9049,6 +9231,11 @@ querystringify@^2.1.1: resolved "https://registry.yarnpkg.com/querystringify/-/querystringify-2.2.0.tgz#3345941b4153cb9d082d8eee4cda2016a9aef7f6" integrity sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ== +quickselect@^2.0.0: + version "2.0.0" + resolved "https://registry.yarnpkg.com/quickselect/-/quickselect-2.0.0.tgz#f19680a486a5eefb581303e023e98faaf25dd018" + integrity sha512-RKJ22hX8mHe3Y6wH/N3wCM6BWtjaxIyyUIkpHOvfFnxdI4yD4tBXEBKSbriGujF6jnSVkJrffuo6vxACiSSxIw== + raf@^3.4.1: version "3.4.1" resolved "https://registry.yarnpkg.com/raf/-/raf-3.4.1.tgz#0742e99a4a6552f445d73e3ee0328af0ff1ede39" @@ -9496,6 +9683,20 @@ react-is@^17.0.1: resolved "https://registry.yarnpkg.com/react-is/-/react-is-17.0.1.tgz#5b3531bd76a645a4c9fb6e693ed36419e3301339" integrity sha512-NAnt2iGDXohE5LI7uBnLnqvLQMtzhkiAOLXTmv+qnF9Ky7xAPcX8Up/xWIhxvLVGJvuLiNc4xQLtuqDRzb4fSA== +react-map-gl@^6.1.6: + version "6.1.6" + resolved "https://registry.yarnpkg.com/react-map-gl/-/react-map-gl-6.1.6.tgz#fff3a89cd6a4124d095371239a5911f11efd6475" + integrity sha512-lHne2NVBEOWTO3f2c1zUIcrO6udm8lBZM3TZylATrZUFrEa7kj+OF/DaUmyu8wt9y5ggzA/qtV2SJ/MISATRVw== + dependencies: + "@babel/runtime" "^7.0.0" + "@types/geojson" "^7946.0.7" + "@types/mapbox-gl" "^2.0.3" + mapbox-gl "^2.0.1" + mjolnir.js "^2.5.0" + prop-types "^15.7.2" + resize-observer-polyfill "^1.5.1" + viewport-mercator-project "^6.2.3 || ^7.0.2" + react-redux@^7.2.2: version "7.2.2" resolved "https://registry.yarnpkg.com/react-redux/-/react-redux-7.2.2.tgz#03862e803a30b6b9ef8582dadcc810947f74b736" @@ -9664,7 +9865,7 @@ read-pkg@^5.2.0: string_decoder "~1.1.1" util-deprecate "~1.0.1" -readable-stream@^3.0.6, readable-stream@^3.1.1, readable-stream@^3.6.0: +readable-stream@^3.0.2, readable-stream@^3.0.6, readable-stream@^3.1.1, readable-stream@^3.6.0: version "3.6.0" resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-3.6.0.tgz#337bbda3adc0706bd3e024426a286d4b4b2c9198" integrity sha512-BViHy7LKeTz4oNnkcLJ+lVSL6vpiFeX6/d3oSH8zCW7UxP2onchk+vTGB143xuFjHS3deTgkKoXXymXqymiIdA== @@ -9918,6 +10119,13 @@ resolve-pathname@^3.0.0: resolved "https://registry.yarnpkg.com/resolve-pathname/-/resolve-pathname-3.0.0.tgz#99d02224d3cf263689becbb393bc560313025dcd" integrity sha512-C7rARubxI8bXFNB/hqcp/4iUeIXJhJZvFPFPiSPRnhU5UPxzMFIl+2E6yY6c4k9giDJAhtV+enfA+G89N6Csng== +resolve-protobuf-schema@^2.1.0: + version "2.1.0" + resolved "https://registry.yarnpkg.com/resolve-protobuf-schema/-/resolve-protobuf-schema-2.1.0.tgz#9ca9a9e69cf192bbdaf1006ec1973948aa4a3758" + integrity sha512-kI5ffTiZWmJaS/huM8wZfEMer1eRd7oJQhDuxeCLe3t7N7mX3z94CN0xPxBQxFYQTSNz9T0i+v6inKqSdK8xrQ== + dependencies: + protocol-buffers-schema "^3.3.1" + resolve-url-loader@^3.1.2: version "3.1.2" resolved "https://registry.yarnpkg.com/resolve-url-loader/-/resolve-url-loader-3.1.2.tgz#235e2c28e22e3e432ba7a5d4e305c59a58edfc08" @@ -10074,6 +10282,11 @@ run-queue@^1.0.0, run-queue@^1.0.3: dependencies: aproba "^1.1.1" +rw@^1.3.3: + version "1.3.3" + resolved "https://registry.yarnpkg.com/rw/-/rw-1.3.3.tgz#3f862dfa91ab766b14885ef4d01124bfda074fb4" + integrity sha1-P4Yt+pGrdmsUiF700BEkv9oHT7Q= + safe-buffer@5.1.2, safe-buffer@~5.1.0, safe-buffer@~5.1.1: version "5.1.2" resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.1.2.tgz#991ec69d296e0313747d59bdfd2b745c35f8828d" @@ -10835,6 +11048,13 @@ stylehacks@^4.0.0: postcss "^7.0.0" postcss-selector-parser "^3.0.0" +supercluster@^7.1.2: + version "7.1.2" + resolved "https://registry.yarnpkg.com/supercluster/-/supercluster-7.1.2.tgz#cf02a60283a0118212024f3bf02e4e63bb148e2c" + integrity sha512-bGA0pk3DYMjLTY1h+rbh0imi/I8k/Lg0rzdBGfyQs0Xkiix7jK2GUmH1qSD8+jq6U0Vu382QHr3+rbbiHqdKJA== + dependencies: + kdbush "^3.0.0" + supports-color@^5.3.0: version "5.5.0" resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-5.5.0.tgz#e2e69a44ac8772f78a1ec0b35b689df6530efc8f" @@ -11049,6 +11269,11 @@ tiny-warning@^1.0.0, tiny-warning@^1.0.3: resolved "https://registry.yarnpkg.com/tiny-warning/-/tiny-warning-1.0.3.tgz#94a30db453df4c643d0fd566060d60a875d84754" integrity sha512-lBN9zLN/oAf68o3zNXYrdCt1kP8WsiGW8Oo2ka41b2IM5JL/S1CTyX1rW0mb/zSuJun0ZUrDxx4sqvYS2FWzPA== +tinyqueue@^2.0.3: + version "2.0.3" + resolved "https://registry.yarnpkg.com/tinyqueue/-/tinyqueue-2.0.3.tgz#64d8492ebf39e7801d7bd34062e29b45b2035f08" + integrity sha512-ppJZNDuKGgxzkHihX8v9v9G5f+18gzaTfrukGrq6ueg0lmH4nqVnA2IPG0AEH3jKEk2GRJCUhDoqpoiw3PHLBA== + tmpl@1.0.x: version "1.0.4" resolved "https://registry.yarnpkg.com/tmpl/-/tmpl-1.0.4.tgz#23640dd7b42d00433911140820e5cf440e521dd1" @@ -11500,11 +11725,27 @@ vfile-location@^3.2.0: resolved "https://registry.yarnpkg.com/vfile-location/-/vfile-location-3.2.0.tgz#d8e41fbcbd406063669ebf6c33d56ae8721d0f3c" integrity sha512-aLEIZKv/oxuCDZ8lkJGhuhztf/BW4M+iHdCwglA/eWc+vtuRFJj8EtgceYFX4LRjOhCAAiNHsKGssC6onJ+jbA== +"viewport-mercator-project@^6.2.3 || ^7.0.2": + version "7.0.2" + resolved "https://registry.yarnpkg.com/viewport-mercator-project/-/viewport-mercator-project-7.0.2.tgz#8b37ae5614be139010631fde14d1583cf742abaf" + integrity sha512-gH0pBO4Y5McGCPaKulkpL9MPDg+wtOSXtndwh0467T/WLMerfBi7EkHYw1pp9HE2VeqFqUaAfot98cQPGaIjEA== + dependencies: + "@math.gl/web-mercator" "^3.2.0" + vm-browserify@^1.0.1: version "1.1.2" resolved "https://registry.yarnpkg.com/vm-browserify/-/vm-browserify-1.1.2.tgz#78641c488b8e6ca91a75f511e7a3b32a86e5dda0" integrity sha512-2ham8XPWTONajOR0ohOKOHXkm3+gaBmGut3SRuu75xLd/RRaY6vqgh8NBYYk7+RW3u5AtzPQZG8F10LHkl0lAQ== +vt-pbf@^3.1.1: + version "3.1.1" + resolved "https://registry.yarnpkg.com/vt-pbf/-/vt-pbf-3.1.1.tgz#b0f627e39a10ce91d943b898ed2363d21899fb82" + integrity sha512-pHjWdrIoxurpmTcbfBWXaPwSmtPAHS105253P1qyEfSTV2HJddqjM+kIHquaT/L6lVJIk9ltTGc0IxR/G47hYA== + dependencies: + "@mapbox/point-geometry" "0.1.0" + "@mapbox/vector-tile" "^1.3.1" + pbf "^3.0.5" + w3c-hr-time@^1.0.2: version "1.0.2" resolved "https://registry.yarnpkg.com/w3c-hr-time/-/w3c-hr-time-1.0.2.tgz#0a89cdf5cc15822df9c360543676963e0cc308cd" From 79f15c1c6e7dc08a43e98b1fceb851b529b7284f Mon Sep 17 00:00:00 2001 From: raihankabir36850 Date: Sun, 14 Feb 2021 16:34:10 +0600 Subject: [PATCH 2/3] inside contact page create get in touch component --- src/components/contact-us/GetInTouch.js | 55 +++++++++++++++++++++++++ 1 file changed, 55 insertions(+) create mode 100644 src/components/contact-us/GetInTouch.js diff --git a/src/components/contact-us/GetInTouch.js b/src/components/contact-us/GetInTouch.js new file mode 100644 index 00000000..39d3a64f --- /dev/null +++ b/src/components/contact-us/GetInTouch.js @@ -0,0 +1,55 @@ +import React from 'react'; +import { Row, Col } from 'antd'; +import styles from './GetInTouch.module.css' +import image01 from '../../assets/images/address-icon.png' +import image02 from '../../assets/images/phone-icon.png' +import image03 from '../../assets/images/mail-icon.png' +const getInTouchData = [ + { + id: 1, + imageUrl: image01, + option: 'Address', + title: 'Find Us', + location: '1Hd- 50, 010 Avenue, NY 90001' + }, + { + id: 2, + imageUrl: image02, + option: 'phone', + title: 'Make a Call', + location: '009-215-5596 (toll free)' + }, + { + id: 3, + imageUrl: image03, + option: 'email', + title: 'Send Email', + location: 'contact@example.com' + }, + +]; + + +function GetInTouch() { + return ( +
+ + {getInTouchData.map((element) => { + return ( + +
+
+ {element.option} +

{element.title}

+ {element.location} +
+
+ + ) + })} + +
+ ) +} + +export default GetInTouch; From 4494700db60ae1401894b08a9c9665395a3f76f4 Mon Sep 17 00:00:00 2001 From: raihankabir36850 Date: Sun, 14 Feb 2021 16:34:53 +0600 Subject: [PATCH 3/3] contact page updated --- src/App.js | 4 +++- src/assets/images/address-icon.png | Bin 0 -> 36365 bytes src/assets/images/mail-icon.png | Bin 0 -> 43983 bytes src/assets/images/phone-icon.png | Bin 0 -> 47086 bytes .../contact-us/GetInTouch.module.css | 18 ++++++++++++++++++ src/components/navbar/navbarInfo.js | 2 +- src/pages/ContactUs.js | 15 +++++++++++++++ 7 files changed, 37 insertions(+), 2 deletions(-) create mode 100644 src/assets/images/address-icon.png create mode 100644 src/assets/images/mail-icon.png create mode 100644 src/assets/images/phone-icon.png create mode 100644 src/components/contact-us/GetInTouch.module.css create mode 100644 src/pages/ContactUs.js diff --git a/src/App.js b/src/App.js index 9c98df35..2dd650b1 100644 --- a/src/App.js +++ b/src/App.js @@ -15,6 +15,7 @@ import Error404 from "./components/error-404/Error404"; import BlogDetails from "./pages/BlogDetails"; import RegistrationPage from "./pages/Registration"; import LoginPage from "./pages/Login"; +import ContactUs from "./pages/ContactUs"; function App() { return ( @@ -31,7 +32,8 @@ function App() { - + +