Resume
/
sub-manager-frontend
2
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

dynamically capitalise headings

This commit is contained in:
Andrzej Stepien 2023-09-06 23:27:02 +02:00
parent 260d655706
commit 3f2da991b4
1 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/Components/Table.jsx
View File

@ -9,6 +9,7 @@ export default function Table(props) {
const sort = (data,sortBy) => { const sort = (data,sortBy) => {
const isDate = (str) =>{ const isDate = (str) =>{
if(str && DateTime.fromFormat(str,'yyyy-MM-dd').isValid){ if(str && DateTime.fromFormat(str,'yyyy-MM-dd').isValid){
console.log("found a date!")
return true return true
} }
return false return false
@ -69,7 +70,6 @@ export default function Table(props) {
}) })
} }
} }
//NEED TO DYNAMICALLY CAPITALISE HEADINGS HERE AT SOME POINT
return <tr className="rowHeader"> return <tr className="rowHeader">
{Object.keys(data[0]).map((heading, i) => { {Object.keys(data[0]).map((heading, i) => {
const isSortable = () => { const isSortable = () => {
@ -83,7 +83,8 @@ export default function Table(props) {
} }
return"\u2002" return"\u2002"
} }
return <th key={heading + i}><button onClick={isSortable()?() => { changeSortBy(heading) }:()=>{}}>{renderArrows(heading)+" "+heading+" "+renderArrows(heading)}</button></th> const capitalisedHeading = heading.slice(0,1).toUpperCase()+heading.slice(1)
return <th key={heading + i}><button onClick={isSortable()?() => { changeSortBy(heading) }:()=>{}}>{renderArrows(heading)+" "+capitalisedHeading+" "+renderArrows(heading)}</button></th>
})} })}
</tr> </tr>
} }
@ -100,7 +101,7 @@ export default function Table(props) {
return <Cell><Badges data={contents} setFocus={props.setFocus} /></Cell> return <Cell><Badges data={contents} setFocus={props.setFocus} /></Cell>
} }
const getOriginalRowByID = (array,row) => { const getOriginalRowByID = (array,row) => {
return array.find(e=>e?.id===row?.id) //THIS CAN BE CLEANED UP WHEN ALL ID COLUMNS ARE LOWERCASE return array.find(e=>e?.id===row?.id)
} }
if(props?.clickables?.find(e=>e[0]===key)){ if(props?.clickables?.find(e=>e[0]===key)){
const index = props.clickables?.findIndex(row=>row[0]==key) const index = props.clickables?.findIndex(row=>row[0]==key)