From caa73ab0f5c216e84414e1da6a666d4fff0c16a2 Mon Sep 17 00:00:00 2001
From: kettek <kts@kettek.net>
Date: Thu, 16 Jan 2025 23:43:53 -0800
Subject: [PATCH] Add show checkerboard toggle to settings

---
 frontend/src/components/settings/Checkerboard.svelte | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/settings/Checkerboard.svelte b/frontend/src/components/settings/Checkerboard.svelte
index 0c892cd..6938e7c 100644
--- a/frontend/src/components/settings/Checkerboard.svelte
+++ b/frontend/src/components/settings/Checkerboard.svelte
@@ -4,7 +4,7 @@
   This component is provides settings for changing the checkerboard background.
 -->
 <script lang="ts">
-  import { Column, Grid, Modal, NumberInput, Row, TextInput } from 'carbon-components-svelte'
+  import { Checkbox, Column, Grid, Modal, NumberInput, Row, TextInput } from 'carbon-components-svelte'
   import { editor2DSettings, editor2DSettingsDefault } from '../../stores/editor2d'
   import Input from '../common/Input.svelte'
   import { Bee } from 'carbon-icons-svelte'
@@ -14,6 +14,9 @@
 
 <Grid narrow condensed fullWidth>
   <Column>
+    <Row>
+      <Checkbox labelText="Show Checkerboard" bind:checked={$editor2DSettings.showCheckerboard}></Checkbox>
+    </Row>
     <Row>
       <SettingsInput noPadding labelWidth="10" type="number" label="Checkerboard Size" min={1} max={512} step={1} bind:value={$editor2DSettings.checkerboardSize} defaultValue={editor2DSettingsDefault.checkerboardSize} />
     </Row>