Files
bracket/docs/components/About.tsx
Copilot 3606868b98 frontend: replace Prettier stack with oxfmt (#1750)
This PR migrates formatting in `frontend/` from Prettier to `oxfmt`,
including script wiring and dependency cleanup. It removes the Prettier
plugin/config path so formatting is handled by a single tool.

- **Script migration**
  - Renamed/rewired formatting scripts in `frontend/package.json`:
    - `prettier:check` → `format:check` (`oxfmt --check .`)
    - `prettier:write` → `format:write` (`oxfmt .`)
  - Updated dependent scripts:
    - `test` now runs `pnpm run format:write`
    - `openapi-ts` now runs `pnpm run format:write` after generation

- **Dependency cleanup**
  - Removed `prettier-plugin-organize-imports` from `dependencies`
  - Removed `prettier` from `devDependencies`
  - Added `oxfmt` (latest stable at update time)

- **Config removal**
  - Deleted `frontend/.prettierrc.js` (no longer used after migration)

- **Lockfile alignment**
- Updated `frontend/pnpm-lock.yaml` to reflect the dependency and script
ecosystem change

```json
{
  "scripts": {
    "format:check": "oxfmt --check .",
    "format:write": "oxfmt .",
    "openapi-ts": "openapi-ts && pnpm run format:write",
    "test": "tsc && pnpm run format:write"
  }
}
```

---------

Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>
Co-authored-by: Erik Vroon <11857441+evroon@users.noreply.github.com>
Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com>
2026-07-28 18:38:17 +00:00

34 lines
1.3 KiB
TypeScript

export const About = () => {
return (
<section id="about" className="container py-16">
<div className="bg-muted/50 border border-border rounded-lg py-12">
<div className="px-6 flex flex-col-reverse md:flex-row gap-8 md:gap-12">
{/*<Image*/}
{/* width={100}*/}
{/* height={100}*/}
{/* src={logo.src}*/}
{/* alt=""*/}
{/* className="w-[200px] object-contain rounded-lg"*/}
{/*/>*/}
<div className="bg-green-0 flex flex-col justify-between">
<h2 className="text-3xl md:text-4xl font-bold">
<span className="bg-linear-to-b from-primary/70 to-primary text-transparent bg-clip-text">
About{" "}
</span>
Bracket
</h2>
<p className="text-xl text-muted-foreground mt-4">
There are many tournament management systems available online. However, only few (if
any) are open-source and free to use, while still being feature-rich. Bracket aims to
fill this gap. Bracket enables you to set up a tournament with as much flexibility as
possible, while still being easy to use.
</p>
{/*<Statistics />*/}
</div>
</div>
</div>
</section>
);
};