Skip to content

Commit

Permalink
refactor: migrate the Terms page to React (#2645)
Browse files Browse the repository at this point in the history
  • Loading branch information
@wescopeland
wescopeland authored Aug 28, 2024
1 parent d0c524b commit 0d73d6f
Show file tree
Hide file tree
Showing 6 changed files with 218 additions and 122 deletions.
1 change: 1 addition & 0 deletions app/Providers/RouteServiceProvider.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -78,6 +78,7 @@ protected function mapWebRoutes(): void
*/
Route::middleware(['inertia'])->group(function () {
Route::get('contact', fn () => Inertia::render('contact'))->name('contact');
Route::get('terms', fn () => Inertia::render('terms'))->name('terms');
});
// Route::get('downloads', [DownloadController::class, 'index'])->name('download.index');
// Route::get('feed', [FeedController::class, 'index'])->name('feed.index');
Expand Down
25 changes: 25 additions & 0 deletions resources/js/common/components/LegalNotice/LegalNotice.test.tsx
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,25 @@
import { render, screen } from '@/test';

import { LegalNotice } from './LegalNotice';

describe('Component: LegalNotice', () => {
it('renders without crashing', () => {
// ARRANGE
const { container } = render(<LegalNotice />);

// ASSERT
expect(container).toBeTruthy();
});

it('displays a necessary legal blurb', () => {
// ARRANGE
render(<LegalNotice />);

// ASSERT
expect(
screen.getByText(
/there are no copyright-protected roms available for download on retroachievements.org/i,
),
).toBeVisible();
});
});
18 changes: 18 additions & 0 deletions resources/js/common/components/LegalNotice/LegalNotice.tsx
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,18 @@
import type { FC } from 'react';

export const LegalNotice: FC = () => {
return (
<div>
<p role="heading" aria-level={3} className="text-lg font-medium">
Disclaimer about ROMs
</p>

<p className="font-bold">
RetroAchievements.org does not condone or supply any copyright-protected ROMs to be used in
conjunction with the supplied emulators.
</p>

<p>There are no copyright-protected ROMs available for download on RetroAchievements.org.</p>
</div>
);
};
1 change: 1 addition & 0 deletions resources/js/common/components/LegalNotice/index.ts
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
export * from './LegalNotice';
173 changes: 173 additions & 0 deletions resources/js/pages/terms.tsx
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,173 @@
import { Head } from '@inertiajs/react';

import { LegalNotice } from '@/common/components/LegalNotice';
import { AppLayout } from '@/common/layouts/AppLayout';
import type { AppPage } from '@/common/models';

const Terms: AppPage = () => {
return (
<>
<Head title="Legal & Terms">
<meta
name="description"
content="Review RetroAchievements.org's terms of use, code of conduct, disclaimers, copyright policy, and privacy policy. Stay informed on how we handle content, links, and your personal data."
/>
</Head>

<AppLayout.Main>
<h1 className="mb-4">Legal & Terms</h1>

<div className="flex flex-col gap-y-4">
{/*
scroll-margin-top doesn't seem to work here. Use an invisible div instead
so we provide some offset for the page sticky nav.
*/}
<div className="absolute top-4 sr-only" id="conditions" />

<div className="rounded bg-embed p-4">
<div className="flex flex-col gap-y-6">
<div>
<h2 className="text-h4">Terms and Conditions</h2>
<p className="font-bold">
RetroAchievements.org's Terms of Use are subject to change.
</p>
<p>
RetroAchievements may revise these terms of use at any time without notice. By
using its services, you agree to the current version of these Terms of Use, all
applicable laws and regulations, and agree that you are responsible for compliance
with any applicable local laws.
</p>
</div>

<div>
<p role="heading" aria-level={3} className="text-lg font-medium">
Code of Conduct
</p>
<p>
By signing up on RetroAchievements.org, you agree to the{' '}
<a href="https://docs.retroachievements.org/guidelines/users/code-of-conduct.html">
Users Code of Conduct
</a>
.
</p>
<p>
By joining the Junior Developer and/or Developer team, you agree to the{' '}
<a href="https://docs.retroachievements.org/guidelines/developers/code-of-conduct.html">
Developers Code of Conduct
</a>
.
</p>
</div>
</div>
</div>

<div className="rounded bg-embed p-4">
<div className="flex flex-col gap-y-6">
<div>
<h2 className="text-h4">Disclaimers</h2>

<p role="heading" aria-level={3} className="text-lg font-medium">
Accountability for content
</p>
<p>
We are not obliged to monitor the information transmitted or stored by third
parties, nor to investigate circumstances that point to illegal activity. Our
obligations to remove or block the use of information under generally applicable
laws remain unaffected by this.
</p>
</div>

<div>
<p role="heading" aria-level={3} className="text-lg font-medium">
Accountability for links
</p>

<p>
Responsibility for the content of external links (to web pages of third parties)
lies solely with the operators of the linked pages. No violations were evident to
us at the time of linking. Should any legal infringement become known to us, we
will remove the respective link immediately.
</p>
</div>

<LegalNotice />
</div>
</div>

<div className="rounded bg-embed p-4">
<div className="flex flex-col gap-y-6">
<div>
<h2 className="text-h4">Copyright</h2>
<p>
Our web pages and their contents are subject to copyright law. Unless expressly
permitted by law, every form of utilizing, reproducing or processing works subject
to copyright protection on our web pages requires the prior consent of the
respective owner of the rights. Individual reproductions of a work are allowed
only for private use. The company names, product names, service names and
logotypes on this web site are for identification purposes only. All trademarks
and registered trademarks are the property of their respective owners.
</p>
</div>
</div>
</div>

<div className="rounded bg-embed p-4">
<div className="flex flex-col gap-y-6">
<div>
<h2 className="text-h4" id="privacy-policy">
Privacy Policy
</h2>
<p>
Your personal data is processed by RetroAchievements.org only in accordance with
the provisions of applicable data privacy laws. If links on our pages route you to
other pages, please inquire there about how your data is handled in such cases.
</p>
</div>

<ul className="list-disc list-inside">
<li>
Without your explicit consent or a legal basis, your personal data is not passed
on to third parties.
</li>
<li>
Before or at the time of collecting personal information, we will identify the
purposes for which information is being collected.
</li>
<li>
We will only retain personal information as long as necessary for the fulfillment
of those purposes.
</li>
<li>
We will protect personal information by reasonable security safeguards against
loss or theft, as well as unauthorized access, disclosure, copying, use or
modification.
</li>
</ul>

<p>
We maintain API usage logs for a period deemed appropriate to ensure optimal
service.
</p>

<div>
<p role="heading" aria-level={3} className="text-lg font-medium">
Information about cookies
</p>

<p>
You can prevent storage of cookies by appropriately setting your browser software;
in this case, however, please note that you might not be able to fully use all
functions offered by this website.
</p>
</div>
</div>
</div>
</div>
</AppLayout.Main>
</>
);
};

Terms.layout = (page) => <AppLayout withSidebar={false}>{page}</AppLayout>;

export default Terms;
122 changes: 0 additions & 122 deletions resources/views/pages/terms.blade.php
View file

This file was deleted.

0 comments on commit 0d73d6f

Please sign in to comment.