Collapse file tree

Files

 main

Search this repository

/

Data.tsx

Copy path

BlameMore file actions

BlameMore file actions

Latest commit

yuuki15

success

Jul 19, 2025

19376ba · Jul 19, 2025

History

History

48 lines (44 loc) · 884 Bytes

/

Data.tsx

Top

File metadata and controls

• Code
• Blame

48 lines (44 loc) · 884 Bytes

Raw

Copy raw file

Download raw file

You must be signed in to make or propose changes

More edit options

Open symbols panel

Edit and raw actions

/** * JSX component for the data pages */ import { css } from 'hono/css'; import { Base } from './Base'; export const Data = ({ isIndex, categoryLabel, indexPageTitle = `${categoryLabel} Data`, pageName, siteName = ( new RegExp(categoryLabel, 'i').test(pageName) ? 'Data' : indexPageTitle ), style = '', heading = pageName, data, ...props }) => ( <Base title={isIndex ? indexPageTitle : `${pageName} | ${siteName}`} style={css` #data td, #data th { text-align: left; } ${style} `} heading={heading} {...props} > <table id="data"> {data && Object.entries(data).map(([key, value]) => ( <tbody> <tr> <th scope="rowgroup">{key}</th> </tr> <tr> <td>{value}</td> </tr> </tbody> ))} </table> </Base> );

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

/**

* JSX component for the data pages

*/

import { css } from 'hono/css';

import { Base } from './Base';

export const Data = ({

isIndex,

categoryLabel,

indexPageTitle = `${categoryLabel} Data`,

pageName,

siteName = (

new RegExp(categoryLabel, 'i').test(pageName) ? 'Data' : indexPageTitle

),

style = '',

heading = pageName,

data,

...props

}) => (

<Base

title={isIndex ? indexPageTitle : `${pageName} | ${siteName}`}

style={css`

#data td,

#data th {

text-align: left;

}

${style}

`}

heading={heading}

{...props}

>

<table id="data">

{data && Object.entries(data).map(([key, value]) => (

<tbody>

<tr>

<th scope="rowgroup">{key}</th>

</tr>

<tr>

<td>{value}</td>

</tr>

</tbody>

))}

</table>

</Base>

);