Skip to content

Commit

Permalink
minor ux ui fixes (#700)
Browse files Browse the repository at this point in the history
  • Loading branch information
@Alessandro100
Alessandro100 authored Aug 20, 2024
1 parent c34ba47 commit 1f2fdda
Show file tree
Hide file tree
Showing 5 changed files with 20 additions and 119 deletions.
1 change: 0 additions & 1 deletion web-app/package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -28,7 +28,6 @@
"leaflet": "^1.9.4",
"openapi-fetch": "^0.9.3",
"react": "^17.0.0 || ^18.0.0",
"react-animated-numbers": "^0.18.0",
"react-dom": "^17.0.0 || ^18.0.0",
"react-ga4": "^2.1.0",
"react-google-recaptcha": "^3.1.0",
Expand Down
20 changes: 11 additions & 9 deletions web-app/src/app/screens/About.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -85,15 +85,17 @@ export default function About(): React.ReactElement {
apps, and cities to standardize and expand data formats for public
transport (GTFS) and shared mobility (GBFS).
</Typography>
<Button variant='contained' sx={{ mt: 5 }} endIcon={<OpenInNew />}>
<a
href='https://mobilitydata.org/'
target='_blank'
className='btn-link'
rel='noreferrer'
>
Learn more about MobilityData
</a>
<Button
component={'a'}
variant='contained'
sx={{ mt: 5 }}
endIcon={<OpenInNew />}
href='https://mobilitydata.org/'
rel='noreferrer'
target='_blank'
className='btn-link-component'
>
Learn more about MobilityData
</Button>
</Box>
</Box>
Expand Down
35 changes: 7 additions & 28 deletions web-app/src/app/screens/Home.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,6 @@ import { useState } from 'react';
import { useNavigate } from 'react-router-dom';
import LegacyHome from './LegacyHome';
import { useRemoteConfig } from '../context/RemoteConfigProvider';
import AnimatedNumbers from 'react-animated-numbers';

interface ActionBoxProps {
IconComponent: React.ElementType;
Expand Down Expand Up @@ -105,33 +104,9 @@ function Component(): React.ReactElement {
}}
>
Currently serving over
<AnimatedNumbers
includeComma
transitions={() => ({
type: 'spring',
duration: 2.3,
stiffness: 20,
})}
animateToNumber={2000}
fontStyle={{
fontSize: 30,
color: '#3859FA',
}}
/>
<Box sx={{ fontSize: 30, color: '#3859FA' }}>2000</Box>
transit data feeds from{' '}
<AnimatedNumbers
includeComma
transitions={() => ({
type: 'spring',
duration: 2.3,
stiffness: 20,
})}
animateToNumber={70}
fontStyle={{
fontSize: 30,
color: '#3859FA',
}}
/>
<Box sx={{ fontSize: 30, color: '#3859FA' }}>70</Box>
countries.
</Typography>
<Box
Expand Down Expand Up @@ -245,7 +220,11 @@ function Component(): React.ReactElement {
The Mobility Database is a directory of 2000+ mobility feeds across
the world. It has over 250 updated feeds previously unavailable on
TransitFeeds (OpenMobilityData) and shares data quality reports from{' '}
<a href='https://gtfs-validator.mobilitydata.org/'>
<a
href='https://gtfs-validator.mobilitydata.org/'
rel='noreferrer'
target='_blank'
>
the Canonical GTFS Schedule Validator
</a>
.
Expand Down
4 changes: 2 additions & 2 deletions web-app/src/app/styles/FAQ.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -16,12 +16,12 @@
margin-bottom: 40px !important;
}

a:not(.btn-link) {
a:not(.btn-link, .btn-link-component) {
color: #000;
padding: 2px;
}

a:hover:not(.btn-link) {
a:hover:not(.btn-link, .btn-link-component) {
background-color: #3959fa21 !important;
border-radius: 5px;
}
Expand Down
79 changes: 0 additions & 79 deletions web-app/yarn.lock
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1400,25 +1400,13 @@
resolved "https://registry.npmjs.org/@emotion/hash/-/hash-0.9.1.tgz"
integrity sha512-gJB6HLm5rYwSLI6PQa+X1t5CFGrv1J1TWG+sOyMCeKz2ojaj6Fnl/rZEspogG+cvqbt4AE/2eIyD2QfLKTBNlQ==

"@emotion/is-prop-valid@^0.8.2":
version "0.8.8"
resolved "https://registry.yarnpkg.com/@emotion/is-prop-valid/-/is-prop-valid-0.8.8.tgz#db28b1c4368a259b60a97311d6a952d4fd01ac1a"
integrity sha512-u5WtneEAr5IDG2Wv65yhunPSMLIpuKsbuOktRojfrEiEvRyC85LgPMZI63cr7NUqT8ZIGdSVg8ZKGxIug4lXcA==
dependencies:
"@emotion/memoize" "0.7.4"

"@emotion/is-prop-valid@^1.2.1":
version "1.2.1"
resolved "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-1.2.1.tgz"
integrity sha512-61Mf7Ufx4aDxx1xlDeOm8aFFigGHE4z+0sKCa+IHCeZKiyP9RLD0Mmx7m8b9/Cf37f7NAvQOOJAbQQGVr5uERw==
dependencies:
"@emotion/memoize" "^0.8.1"

"@emotion/[email protected]":
version "0.7.4"
resolved "https://registry.yarnpkg.com/@emotion/memoize/-/memoize-0.7.4.tgz#19bf0f5af19149111c40d98bb0cf82119f5d9eeb"
integrity sha512-Ja/Vfqe3HpuzRsG1oBtWTHk2PGZ7GR+2Vz5iYGelAw8dx32K0y7PjVuxK6z1nMpZOqAFsRUPCkK1YjJ56qJlgw==

"@emotion/memoize@^0.8.1":
version "0.8.1"
resolved "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.8.1.tgz"
Expand Down Expand Up @@ -2745,51 +2733,6 @@
resolved "https://registry.yarnpkg.com/@react-leaflet/core/-/core-2.1.0.tgz#383acd31259d7c9ae8fb1b02d5e18fe613c2a13d"
integrity sha512-Qk7Pfu8BSarKGqILj4x7bCSZ1pjuAPZ+qmRwH5S7mDS91VSbVVsJSrW4qA+GPrro8t69gFYVMWb1Zc4yFmPiVg==

"@react-spring/animated@~9.7.4":
version "9.7.4"
resolved "https://registry.yarnpkg.com/@react-spring/animated/-/animated-9.7.4.tgz#c712b2d3dc9312ef41aa8886818b539151bda062"
integrity sha512-7As+8Pty2QlemJ9O5ecsuPKjmO0NKvmVkRR1n6mEotFgWar8FKuQt2xgxz3RTgxcccghpx1YdS1FCdElQNexmQ==
dependencies:
"@react-spring/shared" "~9.7.4"
"@react-spring/types" "~9.7.4"

"@react-spring/core@~9.7.4":
version "9.7.4"
resolved "https://registry.yarnpkg.com/@react-spring/core/-/core-9.7.4.tgz#0eaa0b5da3d18036d87a571f23079819d45a9f46"
integrity sha512-GzjA44niEJBFUe9jN3zubRDDDP2E4tBlhNlSIkTChiNf9p4ZQlgXBg50qbXfSXHQPHak/ExYxwhipKVsQ/sUTw==
dependencies:
"@react-spring/animated" "~9.7.4"
"@react-spring/shared" "~9.7.4"
"@react-spring/types" "~9.7.4"

"@react-spring/rafz@~9.7.4":
version "9.7.4"
resolved "https://registry.yarnpkg.com/@react-spring/rafz/-/rafz-9.7.4.tgz#d53aa45a8cb116b81b27ba29e0cc15470ccfd449"
integrity sha512-mqDI6rW0Ca8IdryOMiXRhMtVGiEGLIO89vIOyFQXRIwwIMX30HLya24g9z4olDvFyeDW3+kibiKwtZnA4xhldA==

"@react-spring/shared@~9.7.4":
version "9.7.4"
resolved "https://registry.yarnpkg.com/@react-spring/shared/-/shared-9.7.4.tgz#8ac57505072c2aee33d77c47c4269347061a3377"
integrity sha512-bEPI7cQp94dOtCFSEYpxvLxj0+xQfB5r9Ru1h8OMycsIq7zFZon1G0sHrBLaLQIWeMCllc4tVDYRTLIRv70C8w==
dependencies:
"@react-spring/rafz" "~9.7.4"
"@react-spring/types" "~9.7.4"

"@react-spring/types@~9.7.4":
version "9.7.4"
resolved "https://registry.yarnpkg.com/@react-spring/types/-/types-9.7.4.tgz#c849a7f062b5163d078e5e75f28c8f6acf91792e"
integrity sha512-iQVztO09ZVfsletMiY+DpT/JRiBntdsdJ4uqk3UJFhrhS8mIC9ZOZbmfGSRs/kdbNPQkVyzucceDicQ/3Mlj9g==

"@react-spring/web@^9.4.5":
version "9.7.4"
resolved "https://registry.yarnpkg.com/@react-spring/web/-/web-9.7.4.tgz#0086ab5dcf17e6a8f3d7e7f8041ccb4cc2fa10dc"
integrity sha512-UMvCZp7I5HCVIleSa4BwbNxynqvj+mJjG2m20VO2yPoi2pnCYANy58flvz9v/YcXTAvsmL655FV3pm5fbr6akA==
dependencies:
"@react-spring/animated" "~9.7.4"
"@react-spring/core" "~9.7.4"
"@react-spring/shared" "~9.7.4"
"@react-spring/types" "~9.7.4"

"@redux-saga/core@^1.2.3":
version "1.2.3"
resolved "https://registry.npmjs.org/@redux-saga/core/-/core-1.2.3.tgz"
Expand Down Expand Up @@ -7507,15 +7450,6 @@ fraction.js@^4.3.6:
resolved "https://registry.npmjs.org/fraction.js/-/fraction.js-4.3.7.tgz"
integrity sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==

framer-motion@^10.16.5:
version "10.18.0"
resolved "https://registry.yarnpkg.com/framer-motion/-/framer-motion-10.18.0.tgz#1f4fc51403996ea7170af885bd44a7079d255950"
integrity sha512-oGlDh1Q1XqYPksuTD/usb0I70hq95OUzmL9+6Zd+Hs4XV0oaISBa/UUMSjYiq6m8EUF32132mOJ8xVZS+I0S6w==
dependencies:
tslib "^2.4.0"
optionalDependencies:
"@emotion/is-prop-valid" "^0.8.2"

[email protected]:
version "0.5.2"
resolved "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz"
Expand Down Expand Up @@ -12037,14 +11971,6 @@ re2@^1.17.7:
nan "^2.18.0"
node-gyp "^10.0.1"

react-animated-numbers@^0.18.0:
version "0.18.0"
resolved "https://registry.yarnpkg.com/react-animated-numbers/-/react-animated-numbers-0.18.0.tgz#276f39a1191c922d39559ba6317d2da892667a5a"
integrity sha512-o/4ho2p5B3FfXpjDpwjYwNq6fTCbHvuQbrHRRJ+SZ3g0+OVssFVIrQBTJ16pVbWXOkjtw61wgCcbJN2VZmuKzg==
dependencies:
"@react-spring/web" "^9.4.5"
framer-motion "^10.16.5"

react-app-polyfill@^3.0.0:
version "3.0.0"
resolved "https://registry.npmjs.org/react-app-polyfill/-/react-app-polyfill-3.0.0.tgz"
Expand Down Expand Up @@ -13842,11 +13768,6 @@ tslib@^2.0.0, tslib@^2.0.1, tslib@^2.0.3, tslib@^2.1.0, tslib@^2.5.0, tslib@^2.6
resolved "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz"
integrity sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==

tslib@^2.4.0:
version "2.6.3"
resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.6.3.tgz#0438f810ad7a9edcde7a241c3d80db693c8cbfe0"
integrity sha512-xNvxJEOUiWPGhUuUdQgAJPKOOJfGnIyKySOc09XkKsgdUV/3E2zvwZYdejjmRgPCgcym1juLH3226yA7sEFJKQ==

tsutils@^3.21.0:
version "3.21.0"
resolved "https://registry.npmjs.org/tsutils/-/tsutils-3.21.0.tgz"
Expand Down

0 comments on commit 1f2fdda

Please sign in to comment.