remove: custom slogan/heading customization

Author: pnd280

docs/changelog.md

@@ -6,9 +6,15 @@ Consider giving a star ⭐ on [Github](https://github.com/pnd280/complexity).
 
 💖 Support the development via [Ko-fi](https://ko-fi.com/pnd280) or [Paypal](https://paypal.me/pnd280).
 
+## v0.0.3.6
+
+_Release date: 23rd Sep, 2024_
+
+-   **CHANGE**: Removed custom slogan/heading customization.
+
 ## v0.0.3.5
 
-_Release date: 21th Sep, 2024_
+_Release date: 22nd Sep, 2024_
 
 -   **NEW** | **EXPERIMENTAL**: Explicitly keep track of the Pro Search state (Prevent auto-toggling off).
 
@@ -17,7 +23,7 @@ _Release date: 21th Sep, 2024_
 
 ## v0.0.3.4
 
-_Release date: 21th Sep, 2024_
+_Release date: 21st Sep, 2024_
 
 -   **IMPROVE**: Collections will now be fetched at instant speed.
 

package.json

@@ -1,7 +1,7 @@
 {
   "name": "complexity",
   "displayName": "Complexity - Perplexity.ai supercharged",
-  "version": "0.0.3.5",
+  "version": "0.0.3.6",
   "author": "pnd280",
   "description": "⚡ Supercharge your Perplexity.ai",
   "type": "module",

src/assets/components.css

@@ -1,10 +1,3 @@
-/* Slogan fade in */
-.mb-lg.flex.items-center.justify-center.pb-xs.md\:text-center {
-  transition         : all;
-  transition-duration: 0.3s;
-  opacity            : 0;
-}
-
 .text-shadow-hover:hover {
   text-shadow: 0 0 10px var(--accent-foreground) !important;
 }

src/cplx-user-settings/components/CustomTheme.tsx

@@ -22,7 +22,6 @@ import ChromeStorage from "@/utils/ChromeStorage";
 import { jsonUtils } from "@/utils/utils";
 
 const schema = z.object({
-  slogan: z.string().optional(),
   uiFont: z.string().optional(),
   monoFont: z.string().optional(),
   accentColor: z
@@ -51,7 +50,6 @@ export default function CustomTheme() {
   const form = useForm<FormData>({
     resolver: zodResolver(schema),
     defaultValues: {
-      slogan: "",
       uiFont: "",
       monoFont: "",
       accentColor: "",
@@ -91,7 +89,6 @@ export default function CustomTheme() {
 
     if (savedSettings) {
       reset({
-        slogan: savedSettings.slogan || "",
         uiFont: savedSettings.uiFont || "",
         monoFont: savedSettings.monoFont || "",
         accentColor: savedSettings.accentColor || "",
@@ -107,25 +104,6 @@ export default function CustomTheme() {
         className="tw-flex tw-flex-col tw-gap-4"
         onSubmit={handleSubmit(onSubmit)}
       >
-        <FormField
-          control={form.control}
-          name="slogan"
-          render={({ field }) => (
-            <FormItem>
-              <FormLabel htmlFor="slogan" className="tw-text-base">
-                Custom slogan/heading
-              </FormLabel>
-              <FormControl>
-                <Input
-                  id="slogan"
-                  placeholder="Where knowledge begins"
-                  {...field}
-                />
-              </FormControl>
-              <FormMessage />
-            </FormItem>
-          )}
-        />
         <div className="tw-flex tw-gap-2">
           <FormField
             control={form.control}

src/cplx-user-settings/components/GeneralSettings.tsx

@@ -1,4 +1,3 @@
-
 import { LuExternalLink as ExternalLink } from "react-icons/lu";
 
 import generalSettings, {
@@ -77,10 +76,6 @@ export default function GeneralSettings({
                             return;
                           }
 
-                          console.log(
-                            draft.generalSettings[settingsKey][subSettingsKey],
-                          );
-
                           (draft.generalSettings[settingsKey][
                             subSettingsKey
                           ] as boolean) = checked;
@@ -97,7 +92,6 @@ export default function GeneralSettings({
             </div>
             <Separator />
             <SettingGroup
-              key={isAllSettingsEnabled.toString()}
               settings={queryBoxSelectors}
               settingStoreKey="queryBoxSelectors"
             />
@@ -107,19 +101,14 @@ export default function GeneralSettings({
               QoL tweaks
             </div>
             <Separator />
-            <SettingGroup
-              key={isAllSettingsEnabled.toString()}
-              settings={qolTweaks}
-              settingStoreKey="qolTweaks"
-            />
+            <SettingGroup settings={qolTweaks} settingStoreKey="qolTweaks" />
           </div>
           <div className="tw-flex tw-flex-col tw-gap-2">
             <div className="tw-text-lg tw-font-semibold tw-tracking-tight">
               Visual tweaks
             </div>
             <Separator />
             <SettingGroup
-              key={isAllSettingsEnabled.toString()}
               settings={visualTweaks}
               settingStoreKey="visualTweaks"
             />
@@ -165,7 +154,7 @@ function SettingGroup<
       versionRelease,
       onClick,
     }) => {
-      const defaultChecked = Boolean(
+      const enabled = Boolean(
         userSettings[settingStoreKey]?.[
           settingKey as keyof CplxUserSettings["generalSettings"][K]
         ],
@@ -212,8 +201,8 @@ function SettingGroup<
                   )}
                 </div>
               }
-              defaultChecked={!settingKey ? true : defaultChecked}
-              checked={!settingKey ? true : undefined}
+              defaultChecked={!settingKey ? true : enabled}
+              checked={!settingKey ? true : enabled}
               onCheckedChange={({ checked }) => {
                 if (!settingKey) return onClick?.();
                 updateSettings(settingStoreKey, (draft) => {

src/cplx-user-settings/types/cplx-user-settings.types.ts

@@ -47,7 +47,6 @@ export const cplxUserSettingsSchema = z.object({
     }),
   }),
   customTheme: z.object({
-    slogan: z.string().optional(),
     uiFont: z.string().optional(),
     monoFont: z.string().optional(),
     accentColor: z.string().optional(),