47 lines
1.3 KiB
TypeScript
47 lines
1.3 KiB
TypeScript
import React from "react";
|
|
import sidebar from "../../../sidebars";
|
|
import "./style.css";
|
|
import useBaseUrl from "@docusaurus/useBaseUrl";
|
|
|
|
interface ItemLink {
|
|
label: string;
|
|
link: string;
|
|
}
|
|
|
|
export function getReleases(): ItemLink[] {
|
|
const docs = sidebar.docs;
|
|
const releaseCategory = docs.filter(
|
|
(doc) => doc.link?.slug === "releases",
|
|
)[0];
|
|
// @ts-ignore
|
|
const releaseItems = releaseCategory.items!.filter(
|
|
(release) => typeof release === "string",
|
|
);
|
|
const releaseVersion: ItemLink[] = releaseItems.map((relUrl: string) => {
|
|
const [_, year, version] = relUrl.split("/");
|
|
const url = useBaseUrl(`docs/releases/${version.replace("v", "")}`);
|
|
return {
|
|
label: `authentik ${version} released!`,
|
|
link: url,
|
|
};
|
|
});
|
|
return releaseVersion;
|
|
}
|
|
|
|
export function NewsBar() {
|
|
return (
|
|
<div className="news-bar-container">
|
|
<span>News</span>
|
|
<div className="items">
|
|
{getReleases().map((version) => {
|
|
return (
|
|
<a key={version.link} href={version.link}>
|
|
{version.label}
|
|
</a>
|
|
);
|
|
})}
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|