diff --git a/app/[locale]/about/[slug]/page.tsx b/app/[locale]/about/[slug]/page.tsx
index ad0eaf7a..171cd3a1 100644
--- a/app/[locale]/about/[slug]/page.tsx
+++ b/app/[locale]/about/[slug]/page.tsx
@@ -6,7 +6,7 @@ export type Params = {
};
export type Props = {
- params: Params;
+ params: Promise
;
};
export type pageData = {
@@ -16,7 +16,7 @@ export type pageData = {
};
export async function generateMetadata({ params }: Props) {
- const slug = params.slug;
+ const { slug } = await params;
if (!(await checkIfSlugIsValid(slug))) {
return {
@@ -32,7 +32,7 @@ export async function generateMetadata({ params }: Props) {
}
export default async function Page({ params }: Props) {
- const slug = params.slug;
+ const { slug } = await params;
if (!(await checkIfSlugIsValid(slug))) {
notFound();
diff --git a/app/[locale]/community/components/QuizInterestTypes.ts b/app/[locale]/community/components/QuizInterestTypes.ts
index 41d938b3..3b26e3e3 100644
--- a/app/[locale]/community/components/QuizInterestTypes.ts
+++ b/app/[locale]/community/components/QuizInterestTypes.ts
@@ -1,40 +1,40 @@
-import { JSXElementConstructor, ReactElement, ReactNodeArray } from "react";
+import { JSXElementConstructor, ReactElement, ReactNode } from "react";
export interface QuizInterests {
chatting: string;
chattingDescription:
| string
| ReactElement>
- | ReactNodeArray;
+ | ReactNode;
bugs: string;
bugsDescription:
| string
| ReactElement>
- | ReactNodeArray;
+ | ReactNode;
webdev: string;
webDevDescription:
| string
| ReactElement>
- | ReactNodeArray;
+ | ReactNode;
graphics: string;
graphicsDescription:
| string
| ReactElement>
- | ReactNodeArray;
+ | ReactNode;
release: string;
releaseDescription:
| string
| ReactElement>
- | ReactNodeArray;
+ | ReactNode;
sig: string;
sigDescription:
| string
| ReactElement>
- | ReactNodeArray;
+ | ReactNode;
docs: string;
docsDescription:
| string
| ReactElement>
- | ReactNodeArray;
+ | ReactNode;
noSelection: string;
}
diff --git a/app/[locale]/components/header/MobileNavigation.tsx b/app/[locale]/components/header/MobileNavigation.tsx
index 01017bf8..eb17f2f7 100644
--- a/app/[locale]/components/header/MobileNavigation.tsx
+++ b/app/[locale]/components/header/MobileNavigation.tsx
@@ -19,6 +19,7 @@ import NavListItem from "./nav/mobile/NavListItem";
import { HamburgerMenuIcon } from "@radix-ui/react-icons";
import type { NavigationMenuItems } from "./NavigationTypes";
+import Link from "next/link";
export interface MobileNavigationProps {
darkModeSRText: string;
@@ -55,10 +56,10 @@ const MobileNavigation = ({
side="right"
className="w-full"
>
-
+
{rockyLinuxSRText}
-
+
diff --git a/app/[locale]/components/header/nav/desktop/NavListItem.tsx b/app/[locale]/components/header/nav/desktop/NavListItem.tsx
index 7f16bcf6..b3f6d46b 100644
--- a/app/[locale]/components/header/nav/desktop/NavListItem.tsx
+++ b/app/[locale]/components/header/nav/desktop/NavListItem.tsx
@@ -15,7 +15,7 @@ const NavListItem = ({ title, href }: NavListItemProps) => {
>
{title}
diff --git a/app/[locale]/globals.css b/app/[locale]/globals.css
index 5f0c1ad0..d6e5f85f 100644
--- a/app/[locale]/globals.css
+++ b/app/[locale]/globals.css
@@ -1,6 +1,94 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@import "tailwindcss";
+@plugin "@tailwindcss/typography";
+
+@custom-variant dark (&:is(.dark *));
+
+@theme {
+ --font-sans: var(--font-sans), ui-sans-serif, system-ui, sans-serif,
+ "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+ --font-display: var(--font-display), ui-sans-serif, system-ui, sans-serif,
+ "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+
+ --color-border: hsl(var(--border));
+ --color-input: hsl(var(--input));
+ --color-ring: hsl(var(--ring));
+ --color-background: hsl(var(--background));
+ --color-foreground: hsl(var(--foreground));
+
+ --color-primary: hsl(var(--primary));
+ --color-primary-foreground: hsl(var(--primary-foreground));
+
+ --color-secondary: hsl(var(--secondary));
+ --color-secondary-foreground: hsl(var(--secondary-foreground));
+
+ --color-destructive: hsl(var(--destructive));
+ --color-destructive-foreground: hsl(var(--destructive-foreground));
+
+ --color-muted: hsl(var(--muted));
+ --color-muted-foreground: hsl(var(--muted-foreground));
+
+ --color-accent: hsl(var(--accent));
+ --color-accent-foreground: hsl(var(--accent-foreground));
+
+ --color-popover: hsl(var(--popover));
+ --color-popover-foreground: hsl(var(--popover-foreground));
+
+ --color-card: hsl(var(--card));
+ --color-card-foreground: hsl(var(--card-foreground));
+
+ --radius-lg: var(--radius);
+ --radius-md: calc(var(--radius) - 2px);
+ --radius-sm: calc(var(--radius) - 4px);
+
+ --animate-accordion-down: accordion-down 0.2s ease-out;
+ --animate-accordion-up: accordion-up 0.2s ease-out;
+
+ @keyframes accordion-down {
+ from {
+ height: 0;
+ }
+ to {
+ height: var(--radix-accordion-content-height);
+ }
+ }
+ @keyframes accordion-up {
+ from {
+ height: var(--radix-accordion-content-height);
+ }
+ to {
+ height: 0;
+ }
+ }
+}
+
+@utility container {
+ margin-inline: auto;
+ padding-inline: 2rem;
+ @media (width >= --theme(--breakpoint-sm)) {
+ max-width: none;
+ }
+ @media (width >= 1400px) {
+ max-width: 1400px;
+ }
+}
+
+/*
+ The default border color has changed to `currentColor` in Tailwind CSS v4,
+ so we've added these compatibility styles to make sure everything still
+ looks the same as it did with Tailwind CSS v3.
+
+ If we ever want to remove these styles, we need to add an explicit border
+ color utility to any element that depends on these defaults.
+*/
+@layer base {
+ *,
+ ::after,
+ ::before,
+ ::backdrop,
+ ::file-selector-button {
+ border-color: var(--color-gray-200, currentColor);
+ }
+}
@layer base {
:root {
diff --git a/app/[locale]/layout.tsx b/app/[locale]/layout.tsx
index b9da8f02..75deca5f 100644
--- a/app/[locale]/layout.tsx
+++ b/app/[locale]/layout.tsx
@@ -20,7 +20,7 @@ import PlausibleProvider from "next-plausible";
type RootLayoutProps = {
children: ReactNode;
- params: { locale: string };
+ params: Promise<{ locale: string }>;
};
export const metadata: Metadata = {
@@ -47,10 +47,12 @@ const fontDisplay = FontDisplay({
variable: "--font-display",
});
-export default function RootLayout({
+export default async function RootLayout({
children,
- params: { locale },
+ params,
}: RootLayoutProps) {
+ const { locale } = await params;
+
if (!availableLanguages.includes(locale as any)) notFound();
return (
diff --git a/app/[locale]/legal/[slug]/page.tsx b/app/[locale]/legal/[slug]/page.tsx
index 5c5e6c00..3cc6f054 100644
--- a/app/[locale]/legal/[slug]/page.tsx
+++ b/app/[locale]/legal/[slug]/page.tsx
@@ -6,7 +6,7 @@ export type Params = {
};
export type Props = {
- params: Params;
+ params: Promise;
};
export type pageData = {
@@ -16,7 +16,7 @@ export type pageData = {
};
export async function generateMetadata({ params }: Props) {
- const slug = params.slug;
+ const { slug } = await params;
if (!(await checkIfSlugIsValid(slug))) {
return {
@@ -32,7 +32,7 @@ export async function generateMetadata({ params }: Props) {
}
export default async function Page({ params }: Props) {
- const slug = params.slug;
+ const { slug } = await params;
if (!(await checkIfSlugIsValid(slug))) {
notFound();
diff --git a/app/[locale]/news/[slug]/page.tsx b/app/[locale]/news/[slug]/page.tsx
index 40baf404..2fadeeda 100644
--- a/app/[locale]/news/[slug]/page.tsx
+++ b/app/[locale]/news/[slug]/page.tsx
@@ -9,7 +9,7 @@ export type Params = {
};
export type Props = {
- params: Params;
+ params: Promise;
};
export type PostData = {
@@ -20,7 +20,7 @@ export type PostData = {
};
export async function generateMetadata({ params }: Props) {
- const slug = params.slug;
+ const { slug } = await params;
if (!(await checkIfSlugIsValid(slug))) {
return {
@@ -36,7 +36,7 @@ export async function generateMetadata({ params }: Props) {
}
export default async function Post({ params }: Props) {
- const slug = params.slug;
+ const { slug } = await params;
if (!(await checkIfSlugIsValid(slug))) {
notFound();
@@ -60,7 +60,7 @@ export default async function Post({ params }: Props) {
className="prose dark:prose-invert prose-headings:font-display prose-a:text-primary prose-pre:bg-muted prose-pre:py-3 prose-pre:px-4 prose-pre:rounded prose-pre:text-black dark:prose-pre:text-white prose-img:rounded-md max-w-none mb-12"
dangerouslySetInnerHTML={{ __html: postData.contentHtml }}
/>
-
+