From e258d3261f8add8b5b5a232e05e447c9afb1f9d5 Mon Sep 17 00:00:00 2001 From: VITALY-VORON <142410419+VITALY-VORON@users.noreply.github.com> Date: Sat, 26 Aug 2023 02:41:03 +0300 Subject: [PATCH] global --- package-lock.json | 43 +++------ package.json | 2 +- public/Dis.png | Bin 0 -> 6332 bytes public/Like.png | Bin 0 -> 6285 bytes public/circle.html | 15 +++ public/icon200.png | Bin 0 -> 1951 bytes public/image 2.png | Bin 0 -> 22251 bytes src/App.js | 6 +- src/components/City/City.css | 32 +++++++ src/components/City/City.js | 153 +++++++++++++++++++++++++++++-- src/components/Start/Start.js | 4 +- src/components/Start/kek.css | 122 ++++++++++++++++++++++++ src/components/Start/kek.html | 2 + src/components/Tinder/Tinder.css | 11 ++- src/components/Tinder/Tinder.js | 91 +++++++++++++++--- 15 files changed, 424 insertions(+), 57 deletions(-) create mode 100644 public/Dis.png create mode 100644 public/Like.png create mode 100644 public/icon200.png create mode 100644 public/image 2.png create mode 100644 src/components/City/City.css create mode 100644 src/components/Start/kek.css create mode 100644 src/components/Start/kek.html diff --git a/package-lock.json b/package-lock.json index d116cbd..77b9138 100644 --- a/package-lock.json +++ b/package-lock.json @@ -13,8 +13,8 @@ "@testing-library/jest-dom": "^5.17.0", "@testing-library/react": "^13.4.0", "@testing-library/user-event": "^13.5.0", - "axios": "^1.4.0", "framer": "^2.3.0", + "matchmedia": "^0.1.2", "react": "^18.2.0", "react-dom": "^18.2.0", "react-scripts": "5.0.1", @@ -5451,29 +5451,6 @@ "node": ">=4" } }, - "node_modules/axios": { - "version": "1.4.0", - "resolved": "https://registry.npmjs.org/axios/-/axios-1.4.0.tgz", - "integrity": "sha512-S4XCWMEmzvo64T9GfvQDOXgYRDJ/wsSZc7Jvdgx5u1sd0JwsuPLqb3SYmusag+edF6ziyMensPVqLTSc1PiSEA==", - "dependencies": { - "follow-redirects": "^1.15.0", - "form-data": "^4.0.0", - "proxy-from-env": "^1.1.0" - } - }, - "node_modules/axios/node_modules/form-data": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz", - "integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==", - "dependencies": { - "asynckit": "^0.4.0", - "combined-stream": "^1.0.8", - "mime-types": "^2.1.12" - }, - "engines": { - "node": ">= 6" - } - }, "node_modules/axobject-query": { "version": "3.2.1", "resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-3.2.1.tgz", @@ -6502,6 +6479,11 @@ "webpack": "^5.0.0" } }, + "node_modules/css-mediaquery": { + "version": "0.1.2", + "resolved": "https://registry.npmjs.org/css-mediaquery/-/css-mediaquery-0.1.2.tgz", + "integrity": "sha512-COtn4EROW5dBGlE/4PiKnh6rZpAPxDeFLaEEwt4i10jpDMFt2EhQGS79QmmrO+iKCHv0PU/HrOWEhijFd1x99Q==" + }, "node_modules/css-minimizer-webpack-plugin": { "version": "3.4.1", "resolved": "https://registry.npmjs.org/css-minimizer-webpack-plugin/-/css-minimizer-webpack-plugin-3.4.1.tgz", @@ -12415,6 +12397,14 @@ "tmpl": "1.0.5" } }, + "node_modules/matchmedia": { + "version": "0.1.2", + "resolved": "https://registry.npmjs.org/matchmedia/-/matchmedia-0.1.2.tgz", + "integrity": "sha512-ylpxHN2LdORLPJ62MAMBS1aXgwJYg4RunqwtQfREaAW6AV8wuPKb+6Ab+oE96npCaW2hVHZSmh3eIjOaYc4Fkw==", + "dependencies": { + "css-mediaquery": "^0.1.2" + } + }, "node_modules/mdn-data": { "version": "2.0.4", "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.4.tgz", @@ -14609,11 +14599,6 @@ "node": ">= 0.10" } }, - "node_modules/proxy-from-env": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz", - "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==" - }, "node_modules/psl": { "version": "1.9.0", "resolved": "https://registry.npmjs.org/psl/-/psl-1.9.0.tgz", diff --git a/package.json b/package.json index 297481e..d6894a9 100644 --- a/package.json +++ b/package.json @@ -7,8 +7,8 @@ "@testing-library/jest-dom": "^5.17.0", "@testing-library/react": "^13.4.0", "@testing-library/user-event": "^13.5.0", - "axios": "^1.4.0", "framer": "^2.3.0", + "matchmedia": "^0.1.2", "react": "^18.2.0", "react-dom": "^18.2.0", "react-scripts": "5.0.1", diff --git a/public/Dis.png b/public/Dis.png new file mode 100644 index 0000000000000000000000000000000000000000..c60fe036141b64e71ee9656bf9921c659743542b GIT binary patch literal 6332 zcmV;t7(?fYP)>o)f za-_C$B!ZMEJk;7zv4zxxsKGRVWiS+~+QNweJF)OJet;kMea>!vzq#|x{dUgY$9dS1 z@%^MZyE{8GyXQCGe)E0byo_lQrD+;5OqV7vZQiv$s`yFEobFo1hwl(g_3qRCr(;Ta zFD4);Fd}#E|BwrsA_as|_al8jcwTr6%hJH+<;ep#3ex-kqAPbM%rPCsGfAYm1H_+H z$E)+`fd?M2WilbodC--?G_gw)J^0{*_8Mv8;C*}<%+KJ;j#L_XmMu&FCs(dKs|t8s zraVX8_rd;I_aEgy%elU8n8Hs!kGle{jdi&B=9>#R7WC1bxA1zJ&~oLKSK8pxw@5iN z%%h*9%PHiP)iTL@3R8II2*l2$Sebgk4gpsH$BMJ;3to8Pg+=}`9ua55dFP$iDnYJs zv_YS{^!mK0^6C3U73@9zyqvt5IHsMdTvwL-2VF^V5Cr(Dc45YV>)OfTXe}x%$c}5| zg-eSTEh^#I-q+XHalr)_bk3VMuM^iDyyiKNyk?MlF6eum`daepeD0ntUjpMK-UXX} z!GZEK7vi}+z{*S~$D=&3?F}og(u~Y?qRrMS zYCbx2=uliPmu=+EojY4jJMFYWcXxOE!3Q7kMQpmGM~^ad)Ya8xkFLxF@jh<+v8l*u z#-;k*kk)i|cG`SlnY@Riq|H3T<&EagpU-sqzxr#Ifnc8@&!01Aj+M!~ckiwss)7ng zmMmFP*|lp|x^3GwJ|mfcE6ucFQ_1p~sA{QeKx|snZoF~h#uzmp4Gatv#>U19qobq6 zTW`H}?j5)N-QNO~%UfDn&O%sVPEbnH^zi7&$ku}&9Q?`8U)=cY%6sqKSu7UE4jw#M z2Dc|29UTckC*Y|HLX!eNDcIy@X{FhsOREl$3p;k~h$D;o;#HgtnJAzI=OM-@LEIQ9Q?d#3@OW!+ZAZdGxX?uUOO8);7F& z@#6BPO`FKw36z86{PWLG3A#(3DyiVhr~+HgsjDKhK|#^lwQDU$A31WQ1>DTgw)uZH z-2+*6mpRD@fPd$bKfLr?5TV0pWXpT^?k$^f87|_)%kwaA##m8+M?tWvPft%z5pt`2 z%gbB7{5uOjw#uBOwCh*99{SWDEL{VIU#l!9TLrDF2u^1k=5=pM0-aV%j94Og6#3%BhmE3Y zhfjv0qlgBfZN*K0@zp|H=r$)Yv5oqxTfXop@xWyf;>2oa#^Fh372{89Byk|f$>A34 zef##=%+R0XQ%*T0K79Ca@yXi; zIf9jKB?a9E;x~!Cb>sZcsFetgmk6~KL5Cz~7o6Xsc(ON)A+?oCePBl7Q~2=14`XO- zR&2od3p+B#IXkZqCqir*h!E{ooTX}_bSS`iCD&A!BPbQob=O^IaxF-c?F8_Sb;zSu zIGZ|Qp7$PjZ{HR(OBtGb#_3C8*zAX+Y5?M63{hnl5*0Ffw#`VD�c5Q%^lrT%|GO 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 D`%_q^ literal 0 HcmV?d00001 diff --git a/public/circle.html b/public/circle.html index bea6109..2ff3974 100644 --- a/public/circle.html +++ b/public/circle.html @@ -121,6 +121,9 @@ -webkit-transform: translate3d(0, 0, 0); -webkit-animation: rotate-right 12s linear 0s infinite; } + .svg-button { + cursor: pointer; + } @@ -2734,6 +2737,18 @@ + + + T + R + A + V + E + L + E + R + + { + const route = props.getValue; + + const [cityOptions, setCityOptions] = useState([]); + const [filteredCityOptions, setFilteredCityOptions] = useState([]); + const [selectedCity, setSelectedCity] = useState(''); + const [buttonsVisible, setButtonsVisible] = useState(false); + + const cityHandler = (e) => { + setSelectedCity(e.target.value); + }; + + const options = { + method: 'GET', + url: 'https://easytravel.zetcraft.ru/v1/GetAllCity', + }; + + useEffect(() => { + axios.request(options) + .then(function (response) { + console.log(response.data); + setCityOptions(response.data); + setFilteredCityOptions(response.data); + }) + .catch(function (error) { + console.error(error); + }); + }, []); + + useEffect(() => { + const filteredOptions = cityOptions.filter(option => + option.name.toLowerCase().includes(selectedCity.toLowerCase()) + ); + setFilteredCityOptions(filteredOptions); + + setTimeout(() => { + setButtonsVisible(selectedCity !== ''); + }, 300); + }, [selectedCity, cityOptions]); + + useEffect(() => { + const filteredOptions = cityOptions.filter(option => + option.name.toLowerCase().includes(selectedCity.toLowerCase()) + ); + setFilteredCityOptions(filteredOptions); + }, [selectedCity, cityOptions]); + + return ( +
+
+
+ #
- ); + + +
+ {buttonsVisible ? ( +
+ + +
+) : null} +
+ ); } - -export default City; \ No newline at end of file + +export default City; diff --git a/src/components/Start/Start.js b/src/components/Start/Start.js index e6da9c7..d51f564 100644 --- a/src/components/Start/Start.js +++ b/src/components/Start/Start.js @@ -24,7 +24,7 @@ const Start = (props) => { fontFamily: 'Raleway', fontSize: '40px', }}>Путешествия

просто!

- + + + +