client(TrueFalseInput.tsx): add trueLabel and falseLabel query params

Author: 0l1v3rr

client/build/asset-manifest.json

@@ -5,6 +5,8 @@ interface TrueFalseInputProps {
   value: boolean;
   setValue: (value: boolean) => void;
   className?: string;
+  trueLabel: string;
+  falseLabel: string;
 }
 
 const TrueFalseInput: FC<TrueFalseInputProps> = (props) => {
@@ -28,7 +30,7 @@ const TrueFalseInput: FC<TrueFalseInputProps> = (props) => {
                 : "hover:border-gh-button-border-active"
             }`}
         >
-          True
+          {props.trueLabel}
         </div>
 
         <div
@@ -40,7 +42,7 @@ const TrueFalseInput: FC<TrueFalseInputProps> = (props) => {
                 : "hover:border-gh-button-border-active"
             }`}
         >
-          False
+          {props.falseLabel}
         </div>
       </div>
     </div>

client/build/index.html

@@ -156,17 +156,21 @@ const Options: FC<OptionsProps> = (props) => {
 
         <div className="flex items-start gap-4">
           <TrueFalseInput
-            label="Show Border"
+            label="Border"
             value={card.showBorder}
             setValue={(v) =>
               setCard({ ...card, showBorder: v, lines: card.lines })
             }
+            trueLabel="Show"
+            falseLabel="Hide"
           />
 
           <TrueFalseInput
-            label="Hide Background"
+            label="Background"
             value={card.hideBg}
             setValue={(v) => setCard({ ...card, hideBg: v, lines: card.lines })}
+            trueLabel="Show"
+            falseLabel="Hide"
           />
         </div>
       </div>