client(Options.tsx): add a new input field for the hideTitle query param

Author: 0l1v3rr

client/build/asset-manifest.json

@@ -1,4 +1,5 @@
 import { FC } from "react";
+import HoverText from "../hover/HoverText";
 
 interface TrueFalseInputProps {
   label: string;
@@ -21,29 +22,33 @@ const TrueFalseInput: FC<TrueFalseInputProps> = (props) => {
           rounded-md py-1 leading-none text-gh-text outline-none flex items-center 
           justify-evenly"
       >
-        <div
-          onClick={() => props.setValue(true)}
-          className={`py-1 px-4 border border-solid border-gh-border rounded-md 
+        <HoverText label="True">
+          <div
+            onClick={() => props.setValue(true)}
+            className={`py-1 px-4 border border-solid border-gh-border rounded-md 
             cursor-pointer transition-all duration-150 hover:text-green-400 hover:bg-gh-button ${
               props.value
                 ? "text-green-400 bg-gh-button"
                 : "hover:border-gh-button-border-active"
             }`}
-        >
-          {props.trueLabel}
-        </div>
+          >
+            {props.trueLabel}
+          </div>
+        </HoverText>
 
-        <div
-          onClick={() => props.setValue(false)}
-          className={`py-1 px-4 border border-solid border-gh-border rounded-md 
-            cursor-pointer transition-all duration-150 hover:text-red-400 hover:bg-gh-button ${
-              !props.value
-                ? "text-red-400 bg-gh-button"
-                : "hover:border-gh-button-border-active"
-            }`}
-        >
-          {props.falseLabel}
-        </div>
+        <HoverText label="False">
+          <div
+            onClick={() => props.setValue(false)}
+            className={`py-1 px-4 border border-solid border-gh-border rounded-md 
+              cursor-pointer transition-all duration-150 hover:text-red-400 hover:bg-gh-button ${
+                !props.value
+                  ? "text-red-400 bg-gh-button"
+                  : "hover:border-gh-button-border-active"
+              }`}
+          >
+            {props.falseLabel}
+          </div>
+        </HoverText>
       </div>
     </div>
   );

client/build/index.html

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

client/build/static/js/main.b6f27464.js renamed to client/build/static/js/main.5d07f8f6.js

@@ -27,6 +27,7 @@ export interface Card {
   fontFamily: string;
   gap: string;
   lineHeight: string;
+  hideTitle: boolean;
   lines: Line[];
 }
 
@@ -43,6 +44,7 @@ export const newCard = (): Card => {
     title: "My Tech Stack",
     lineHeight: "7",
     gap: "10",
+    hideTitle: false,
     hideBg: false,
   };
 };

client/build/static/js/main.b6f27464.js.LICENSE.txt renamed to client/build/static/js/main.5d07f8f6.js.LICENSE.txt

@@ -45,6 +45,15 @@ class UrlBuilder {
     return this;
   }
 
+  public hideTitle(hideTitle: boolean): UrlBuilder {
+    if (hideTitle === this.defaultCard.hideTitle) {
+      return this;
+    }
+
+    this.url += `hideTitle=${hideTitle}&`;
+    return this;
+  }
+
   public align(align: string): UrlBuilder {
     if (align === this.defaultCard.align) {
       return this;
@@ -136,6 +145,7 @@ export const generateLink = ({
   lineHeight,
   gap,
   hideBg,
+  hideTitle,
 }: Card): string => {
   let res = new UrlBuilder()
     .title(title)
@@ -150,6 +160,7 @@ export const generateLink = ({
     .theme(theme)
     .gap(gap)
     .hideBg(hideBg)
+    .hideTitle(hideTitle)
     .build();
 
   for (const l of lines) {