Commit 714ed005 authored by alain's avatar alain 🐙

combine theme, sort by theme

parent 93a43053
......@@ -14,7 +14,12 @@ export default function App() {
setItems(googleData)
},
postProcess: element => {
delete element['Kernwoorden/ Tags']
if (element['subthema']) {
element['thema'] = element['thema'] + ' » ' + element['subthema']
}
delete element['subthema']
delete element['tags']
}
})
}, []);
......
......@@ -17,7 +17,7 @@ export default function Table(props) {
const [filter, setFilter] = React.useState(filterInitial);
const [activeFilter, setActiveFilter] = React.useState(activeFilterInitial);
const { items, requestSort, sortConfig } = useSortableData(props.items, filter, {key: "url", direction: "ascending"});
const { items, requestSort, sortConfig } = useSortableData(props.items, filter, {key: "thema", direction: "ascending"});
const getSortState = (name) => {
if (!sortConfig) {
......
......@@ -26,14 +26,15 @@ body {
border-right: 1px dashed #ccc;
}
&.url { min-width: 13rem; max-width: 13rem; }
&.thema { min-width: 13rem; max-width: 13rem; }
&.titel { min-width: 13rem; max-width: 13rem; }
&.omschrijving { min-width: 15rem; max-width: 15rem; }
&.url { min-width: 13rem; max-width: 13rem; }
&.scope { min-width: 7rem; max-width: 7rem; }
&.toegang { min-width: 7rem; max-width: 7rem; }
&.type { min-width: 7rem; max-width: 7rem; }
&.formaat { min-width: 7rem; max-width: 7rem; }
&.thema { min-width: 7rem; max-width: 7rem; }
&.subthema { min-width: 7rem; max-width: 7rem; }
}
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment