Naomi Carrigan 0660afe142 feat: add external nav links, new game, better contrast (#63)
### Explanation

_No response_

### Issue

_No response_

### Attestations

- [ ] I have read and agree to the [Code of Conduct](https://docs.nhcarrigan.com/community/coc/)
- [ ] I have read and agree to the [Community Guidelines](https://docs.nhcarrigan.com/community/guide/).
- [ ] My contribution complies with the [Contributor Covenant](https://docs.nhcarrigan.com/dev/covenant/).

### Dependencies

- [ ] I have pinned the dependencies to a specific patch version.

### Style

- [ ] I have run the linter and resolved any errors.
- [ ] My pull request uses an appropriate title, matching the conventional commit standards.
- [ ] My scope of feat/fix/chore/etc. correctly matches the nature of changes in my pull request.

### Tests

- [ ] My contribution adds new code, and I have added tests to cover it.
- [ ] My contribution modifies existing code, and I have updated the tests to reflect these changes.
- [ ] All new and existing tests pass locally with my changes.
- [ ] Code coverage remains at or above the configured threshold.

### Documentation

_No response_

### Versioning

_No response_

Reviewed-on: https://codeberg.org/nhcarrigan/portfolio/pulls/63
Co-authored-by: Naomi Carrigan <commits@nhcarrigan.com>
Co-committed-by: Naomi Carrigan <commits@nhcarrigan.com>
2024-12-21 01:55:19 +00:00

87 lines
2.3 KiB
TypeScript

/**
* @copyright nhcarrigan
* @license Naomi's Public License
* @author Naomi Carrigan
*/
"use client";
import type { JSX } from "react";
/**
* Renders the /contribute page.
* @returns A React Component.
*/
const ContributeComponent = (): JSX.Element => {
return (
<main className="w-[95%] text-center
max-w-4xl m-auto mt-16 mb-16 rounded-lg">
<h1 className="text-5xl">{`Open for Contribution~!`}</h1>
<section>
<p className="mb-2">{`Our issue tracker is currently unavailable while we work with the Codeberg team to address rate limit issues.`}</p>
</section>
</main>
);
/*
*To be restored when rate-limit is lifted.
*const [ issues, setIssues ] = useState<
*Array<{
* labels: Array<string>;
* number: number;
* title: string;
* url: string;
* body: string;
*}>
*>([]);
*
*useEffect(() => {
*void fetch("/api/contribute").
* then(async(data) => {
* // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
* return (await data.json()) as Array<{
* labels: Array<string>;
* number: number;
* title: string;
* url: string;
* body: string;
* }>;
* }).
* then((data) => {
* setIssues(data);
* });
*}, []);
*
*if (issues.length === 0) {
*return (
* <main className="w-[95%] text-center
* max-w-4xl m-auto mt-16 mb-16 rounded-lg">
* <h1 className="text-5xl">{`Open for Contribution~!`}</h1>
* <section>
* <p className="text-3xl">{`Loading...`}</p>
* </section>
* </main>
*);
*}
*
*return (
* <main className="w-[95%] text-center
* max-w-4xl m-auto mt-16 mb-16 rounded-lg">
* <h1 className="text-5xl">{`Open for Contribution~!`}</h1>
* <section>
* <p className="mb-2">{`Heya! This page lists issues across all of our projects that are currently open for contribution.
* We'd love to have you work on one!`}</p>
* <Rule />
* <ol className="relative border-s border-[--primary] w-4/5 m-auto">
* {issues.map((act) => {
* return (
* <Issue key={act.url} {...act} />
* );
* })}
* </ol>
* </section>
* </main>
*);
*/
};
export default ContributeComponent;