Commit 7e96bcb

committed

feat: added checkbox support.

1 parent 0944da2 commit 7e96bcbCopy full SHA for 7e96bcb

File tree

+34

-0

lines changed

+34

-0

lines changed

Lines changed: 30 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -267,7 +267,37 @@ export const Block: React.FC<Block> = props => {`
`267`	`267`	`const start = getListNumber(blockValue.id, blockMap);`
`268`	`268`
`269`	`269`	`return isTopLevel ? wrapList(output, start) : output;`
	`270`	`+ case "to_do":`
	`271`	`+ /**`
	`272`	`+ * There are only 3 possible cases when no nested to_dos:`
	`273`	`+ * 1. properties: {title: [["test"]], checked: [["No"]]}`
	`274`	`+ * 2. properties: {title: [["test"]], checked: [["Yes"]]}`
	`275`	`+ * 3. properties: {title: [["test"]]}`
	`276`	`+ */`
	`277`	`+ const checkbox = block.value.properties;`
	`278`	`+ const { id } = block.value;`
	`279`	`+`
	`280`	`+ // remove other styles in to-do.`
	`281`	`+ const label: string = checkbox?.title`
	`282`	`+ .flat(1) // only flatten the first level`
	`283`	`+ .filter((ele: string \| Array<string>) => typeof ele === "string")`
	`284`	`+ .join("");`
	`285`	`+`
	`286`	`+ const isChecked =`
	`287`	`+ checkbox?.checked && checkbox?.checked[0][0] === "Yes";`
`270`	`288`
	`289`	`+ return (`
	`290`	`+ <div>`
	`291`	`+ <input`
	`292`	`+ className="notion-checkbox"`
	`293`	`+ type="checkbox"`
	`294`	`+ name=""`
	`295`	`+ id={id}`
	`296`	`+ checked={isChecked}`
	`297`	`+ />`
	`298`	`+ <label htmlFor={id}>{label}</label>`
	`299`	`+ </div>`
	`300`	`+ );`
`271`	`301`	`case "image":`
`272`	`302`	`case "embed":`
`273`	`303`	`case "figma":`

Lines changed: 4 additions & 0 deletions

Comments

(0)