AJR/TechRadarAJR
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: define rings and quadrants via config file

Browse Source 
closes #96
This commit is contained in:
Danny Koppenhagen
2021-10-03 20:18:22 +02:00
committed by Bastian
parent 8d28e4c3a3
commit 70ea8d5bcd
21 changed files with 1087 additions and 948 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/PageItemMobile/PageItemMobile.tsx
View File

@@ -6,12 +6,13 @@ import Fadeable from "../Fadeable/Fadeable";
import SetTitle from "../SetTitle";
import ItemRevisions from "../ItemRevisions/ItemRevisions";
import { translate } from "../../config";
import { ConfigData, translate } from "../../config";
import { groupByQuadrants, Item } from "../../model";
type PageItemMobileProps = {
pageName: string;
items: Item[];
config: ConfigData;
leaving: boolean;
onLeave: () => void;
};
@@ -19,6 +20,7 @@ type PageItemMobileProps = {
export default function PageItemMobile({
pageName,
items,
config,
leaving,
onLeave,
}: PageItemMobileProps) {
@@ -47,7 +49,7 @@ export default function PageItemMobile({
<div className="mobile-item-page__header">
<div className="split">
<div className="split__left">
<h3 className="headline">{translate(item.quadrant)}</h3>
<h3 className="headline">{translate(config, item.quadrant)}</h3>
<h1 className="hero-headline hero-headline--inverse">
{item.title}
</h1>
@@ -73,7 +75,7 @@ export default function PageItemMobile({
<ItemList items={itemsInRing} activeItem={item}>
<div className="split">
<div className="split__left">
<h3 className="headline">{translate(item.quadrant)}</h3>
<h3 className="headline">{translate(config, item.quadrant)}</h3>
</div>
<div className="split__right">
<Link className="icon-link" pageName={item.quadrant}>