-
Notifications
You must be signed in to change notification settings - Fork 1k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
privacy and terms of service routable links added #1192
base: main
Are you sure you want to change the base?
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
The text content needs to use translated content. The translated files are located in the /i18n
directory. How to use translation you can refer to other components.
@@ -33,6 +33,13 @@ const Index = () => { | |||
<footer className="bg-light"> | |||
<Container className="py-3"> | |||
<p className="text-center mb-0 small text-secondary"> | |||
<a className="m-2" href="/privacy" target="_blank"> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
class should be me-2
@@ -33,6 +33,13 @@ const Index = () => { | |||
<footer className="bg-light"> | |||
<Container className="py-3"> | |||
<p className="text-center mb-0 small text-secondary"> | |||
<a className="m-2" href="/privacy" target="_blank"> | |||
Privacy Policy |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Content should be translated
Privacy Policy | ||
</a> | ||
<a href="/tos" target="_blank"> | ||
Terms of Service |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Content should be translated
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
if u have the transaletd privacy policy and terms of service it will surely work out
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
if u have the transaletd privacy policy and terms of service it will surely work out
What I mean is that Terms of Services
should use i18n translation, not the content inside.
eg:
// import useTranslation
import { Trans, useTranslation } from 'react-i18next';
// Add translated content in tooter in `i18m/en_US.yaml`
footer:
build_on: >-
Powered by <1> Apache Answer </1>- the open-source software that powers Q&A
communities.<br />Made with love © {{cc}}.
privacy: Privacy Policy
terms_of_service:
// Use where translation is required on the page
const { t } = useTranslation('translation', { keyPrefix: 'footer' });
<a className="me-2" href="/privacy" target="_blank">
{t('privacy')}
</a>
<a href="/tos" target="_blank">
{t('terms_of_service')}
</a>
@@ -33,6 +33,13 @@ const Index = () => { | |||
<footer className="bg-light"> | |||
<Container className="py-3"> | |||
<p className="text-center mb-0 small text-secondary"> | |||
<a className="m-2" href="/privacy" target="_blank"> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
m-2
has margins in multiple directions and can be changed to me-2
Are you still following this feature? If no adjustments are made this week, I will close the PR so that others can continue to contribute. |
#1187 done!!