feat: add tooltip for definitions #2

2021-05-15T23:10:18Z

kulgavy commented

2021-05-15 23:10:18 +00:00

(Migrated from github.com)

@backmeupplz need help with "unprocessed meat" and "seafood" definitions.

backmeupplz (Migrated from github.com) reviewed

2021-05-15 23:10:18 +00:00

backmeupplz commented

2021-05-16 00:42:45 +00:00

(Migrated from github.com)

Hm, this PR looks a bit overcomplicated for a simple tooltip. Maybe we can try to use a third-party tooltip or even one built-in to browsers?

backmeupplz (Migrated from github.com) requested changes

2021-05-16 16:06:23 +00:00

src/App.tsx

					
				@ -7,13 +7,19 @@ import Root from 'components/Root'

				import Footer from 'components/Footer'

Please, don't add ; across this project.

Please, don't add `;` across this project.

src/components/FormattedMessageWithTooltip.tsx

					
				@ -0,0 +1,39 @@

				import { classnames } from 'classnames/tailwind'

Let's use type here instead

Let's use `type` here instead

Let's get rid of all ; here as well

Let's get rid of all `;` here as well

src/components/Subscription.tsx

					
				@ -52,7 +53,7 @@ const Subscription: FC<SubscriptionProps> = ({ tier }) => {

				        <img className={image} src={`images/${tier.title}.png`} alt="avatar" />

No need to use  , you can use {' '} if you want

No need to use ` `, you can use `{' '}` if you want

src/i18n/locales/en.json

					
				@ -19,2 +20,3 @@

				  "silverTitle": "Silver",

				  "silverPrice": "Previous level + not eating red meat",

				  "silverPrice1": "Previous level + not eating",

				  "silverPrice2": " ",