Moved keywords to it's own component

This commit is contained in:
Martin Berg Alstad 2023-02-09 20:57:13 +01:00
parent 3533b9bc9b
commit f9c8d5c6f8

View File

@ -174,29 +174,9 @@ simplify=${ simplifyEnabled() }&hide=${ hideValues().value }&sort=${ sortValues(
<p>API docs can be found <Link to={ "https://api.martials.no/simplify-truths" }>here</Link>.
</p>
</MyDisclosure>
<MyDisclosure title={ "Keywords" }>
<table>
<tbody>
<tr>
<td>Not:</td>
<td>!</td>
</tr>
<tr>
<td>And:</td>
<td>&</td>
</tr>
<tr>
<td>Or:</td>
<td>|</td>
<td>/</td>
</tr>
<tr>
<td class={ "pr-2" }>Implication:</td>
<td>{ "->" }</td>
</tr>
</tbody>
</table>
</MyDisclosure>
<KeywordsDisclosure />
</MyDisclosureContainer>
<form class={ "flex-row-center" } onSubmit={ onClick } autocomplete={ "off" }>
@ -417,4 +397,32 @@ const ShowMeHow: Component<ShowMeHowProps> = ({ fetchResult }) => {
)
}
const KeywordsDisclosure = () => {
return (
<MyDisclosure title={ "Keywords" }>
<table>
<tbody>
<tr>
<td>Not:</td>
<td>!</td>
</tr>
<tr>
<td>And:</td>
<td>&</td>
</tr>
<tr>
<td>Or:</td>
<td>|</td>
<td>/</td>
</tr>
<tr>
<td class={ "pr-2" }>Implication:</td>
<td>{ "->" }</td>
</tr>
</tbody>
</table>
</MyDisclosure>
);
};
render(() => <TruthTablePage />, document.getElementById("root") as HTMLElement);