Commit 714ed005 authored by alain's avatar alain 🐙
Browse files

combine theme, sort by theme

parent 93a43053
...@@ -14,7 +14,12 @@ export default function App() { ...@@ -14,7 +14,12 @@ export default function App() {
setItems(googleData) setItems(googleData)
}, },
postProcess: element => { 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) { ...@@ -17,7 +17,7 @@ export default function Table(props) {
const [filter, setFilter] = React.useState(filterInitial); const [filter, setFilter] = React.useState(filterInitial);
const [activeFilter, setActiveFilter] = React.useState(activeFilterInitial); 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) => { const getSortState = (name) => {
if (!sortConfig) { if (!sortConfig) {
......
...@@ -26,14 +26,15 @@ body { ...@@ -26,14 +26,15 @@ body {
border-right: 1px dashed #ccc; 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; } &.titel { min-width: 13rem; max-width: 13rem; }
&.omschrijving { min-width: 15rem; max-width: 15rem; } &.omschrijving { min-width: 15rem; max-width: 15rem; }
&.url { min-width: 13rem; max-width: 13rem; }
&.scope { min-width: 7rem; max-width: 7rem; } &.scope { min-width: 7rem; max-width: 7rem; }
&.toegang { min-width: 7rem; max-width: 7rem; } &.toegang { min-width: 7rem; max-width: 7rem; }
&.type { min-width: 7rem; max-width: 7rem; } &.type { min-width: 7rem; max-width: 7rem; }
&.formaat { 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; } &.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