From 3d5ac8960e4a489d33ef37a416541a7293f09961 Mon Sep 17 00:00:00 2001
From: Oliver Pan <2216991777@qq.com>
Date: Mon, 24 Jun 2024 00:31:28 -0500
Subject: [PATCH] chore: linting
---
.../ui/color-mode-dropdown-menu.tsx | 43 ++++++-------------
apps/web/components/ui/dark-mode-toggle.tsx | 11 +++--
.../ui/desktop-primary-toolbar-button.tsx | 40 +++++++----------
.../ui/desktop-primary-toolbar-buttons.tsx | 3 +-
4 files changed, 36 insertions(+), 61 deletions(-)
diff --git a/apps/web/components/ui/color-mode-dropdown-menu.tsx b/apps/web/components/ui/color-mode-dropdown-menu.tsx
index 392f3b0..940e422 100644
--- a/apps/web/components/ui/color-mode-dropdown-menu.tsx
+++ b/apps/web/components/ui/color-mode-dropdown-menu.tsx
@@ -1,56 +1,39 @@
-"use client";
+'use client'
-import { Button } from "@ui/components/ui/button";
+import { useToolStore } from '@/store/toolStore'
+import { ColorMode } from '@/types/app'
+import { Button } from '@ui/components/ui/button'
import {
DropdownMenu,
DropdownMenuContent,
DropdownMenuRadioGroup,
DropdownMenuRadioItem,
DropdownMenuTrigger,
-} from "@ui/components/ui/dropdown-menu";
-import { useColorStore } from "@/store/store";
-import { ColorMode } from "@/types/app";
+} from '@ui/components/ui/dropdown-menu'
function ColorModeDropdownMenu() {
- const { colorMode, setColorMode } = useColorStore();
- const handleChangeColorMode = async (mode: ColorMode) => {
- setColorMode(mode);
- // call server to set colormode cookie
- await fetch("/api/color-mode", {
- method: "POST",
- body: JSON.stringify({ mode }),
- });
- };
+ const { colorMode, setColorMode } = useToolStore()
+
return (
-
-
+
{Object.values(ColorMode).map((mode) => {
return (
-
+
{mode}
- );
+ )
})}
- );
+ )
}
-export default ColorModeDropdownMenu;
+export default ColorModeDropdownMenu
diff --git a/apps/web/components/ui/dark-mode-toggle.tsx b/apps/web/components/ui/dark-mode-toggle.tsx
index 014cfa3..0851570 100644
--- a/apps/web/components/ui/dark-mode-toggle.tsx
+++ b/apps/web/components/ui/dark-mode-toggle.tsx
@@ -1,8 +1,5 @@
"use client";
-import { ChevronsUpDown, Moon, Sun } from "lucide-react";
-import { useTheme } from "next-themes";
-
import { Button } from "@ui/components/ui/button";
import {
DropdownMenu,
@@ -12,6 +9,8 @@ import {
DropdownMenuTrigger,
} from "@ui/components/ui/dropdown-menu";
import { cn } from "@ui/lib/utils";
+import { ChevronsUpDown, Moon, Sun } from "lucide-react";
+import { useTheme } from "next-themes";
export function ModeToggle({
variant = "icon",
@@ -24,11 +23,11 @@ export function ModeToggle({
@@ -51,8 +50,8 @@ export function ModeToggle({
Light
Dark
diff --git a/apps/web/components/ui/desktop-primary-toolbar-button.tsx b/apps/web/components/ui/desktop-primary-toolbar-button.tsx
index 6c267af..24bcbed 100644
--- a/apps/web/components/ui/desktop-primary-toolbar-button.tsx
+++ b/apps/web/components/ui/desktop-primary-toolbar-button.tsx
@@ -1,40 +1,32 @@
-"use client";
+'use client'
-import React from "react";
-import { Button } from "@ui/components/ui/button";
-import {
- Tooltip,
- TooltipContent,
- TooltipProvider,
- TooltipTrigger,
-} from "@ui/components/tooltip";
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@ui/components/tooltip'
+import { Button } from '@ui/components/ui/button'
+import React from 'react'
const DesktopPreviewToolbarIcon = ({
- title,
description,
icon: Icon,
+ title,
}: {
- title: string;
- description: string;
- icon: React.FC>;
+ description: string
+ icon: React.FC>
+ title: string
}) => {
return (
-
+
@@ -43,7 +35,7 @@ const DesktopPreviewToolbarIcon = ({
- );
-};
+ )
+}
-export default DesktopPreviewToolbarIcon;
+export default DesktopPreviewToolbarIcon
diff --git a/apps/web/components/ui/desktop-primary-toolbar-buttons.tsx b/apps/web/components/ui/desktop-primary-toolbar-buttons.tsx
index 103c38b..037f96e 100644
--- a/apps/web/components/ui/desktop-primary-toolbar-buttons.tsx
+++ b/apps/web/components/ui/desktop-primary-toolbar-buttons.tsx
@@ -1,8 +1,9 @@
"use client";
-import { Toolbar } from "../toolbar";
import { cn } from "ui/lib/utils";
+import { Toolbar } from "../toolbar";
+
function DesktopPreviewToolbarButtons() {
return (