fix: lint errors

ktmouk · Jun 24, 2024 · 23acbc8 · 23acbc8
1 parent a003d10
commit 23acbc8
Show file tree

Hide file tree

Showing 11 changed files with 3,633 additions and 4,660 deletions.
diff --git a/apps/web/messages/en.json b/apps/web/messages/en.json
@@ -13,9 +13,6 @@
       "description": "Let's increase your meaningful time. ⏰",
       "signInOrUpWithGitHub": "Sign in/up with GitHub"
     },
-    "DotLoading": {
-      "loading": "Loading"
-    },
     "AccountMenu": {
       "totalDuration": "Total Duration",
       "signOut": "Sign out"

diff --git a/apps/web/messages/ja.json b/apps/web/messages/ja.json
@@ -13,9 +13,6 @@
       "description": "有意義な時間を増やしましょう！ ⏰",
       "signInOrUpWithGitHub": "GitHubでログインまたは登録"
     },
-    "DotLoading": {
-      "loading": "読み込み中"
-    },
     "AccountMenu": {
       "totalDuration": "計測した合計",
       "signOut": "ログアウト"

diff --git a/apps/web/src/app/[locale]/_components/DotLoading.tsx b/apps/web/src/app/[locale]/_components/DotLoading.tsx
diff --git a/apps/web/src/app/[locale]/_components/FolderTreeItem.tsx b/apps/web/src/app/[locale]/_components/FolderTreeItem.tsx
@@ -144,7 +144,7 @@ export const FolderTreeItem = ({
   });
 
   const transformStyle = transform
-    ? `translate(${transform.x}px, ${transform.y}px)`
+    ? `translate(${transform.x.toString()}px, ${transform.y.toString()}px)`
     : undefined;
 
   if (isEditing) {

diff --git a/apps/web/src/app/[locale]/_components/TaskTreeItem.tsx b/apps/web/src/app/[locale]/_components/TaskTreeItem.tsx
@@ -114,7 +114,7 @@ export const TaskTreeItem = ({
   }
 
   const transformStyle = transform
-    ? `translate(${transform.x}px, ${transform.y}px)`
+    ? `translate(${transform.x.toString()}px, ${transform.y.toString()}px)`
     : undefined;
 
   return (

diff --git a/apps/web/src/app/[locale]/app/(home)/_components/TimeEntrySummary.tsx b/apps/web/src/app/[locale]/app/(home)/_components/TimeEntrySummary.tsx
@@ -55,7 +55,7 @@ export const TimeEntrySummary = ({ date }: Props) => {
                   <li
                     style={{
                       backgroundColor: color,
-                      width: `${(Number(duration) / totalDuration) * 100}%`,
+                      width: `${((Number(duration) / totalDuration) * 100).toString()}%`,
                     }}
                     className="inline-block transition-all h-full"
                     key={id}
@@ -64,7 +64,7 @@ export const TimeEntrySummary = ({ date }: Props) => {
                       side="top"
                       sideOffset={4}
                       delayDuration={30}
-                      content={`${emoji} ${name}: ${fromS(Number(duration), "hh:mm:ss")} ${Math.round((Number(duration) / totalDuration) * 100)}%`}
+                      content={`${emoji} ${name}: ${fromS(Number(duration), "hh:mm:ss")} ${Math.round((Number(duration) / totalDuration) * 100).toString()}%`}
                     >
                       <span className="h-full w-full items-center justify-center cursor-pointer group-hover:visible invisible inline-flex text-sm" />
                     </Tooltip>

diff --git a/apps/web/src/app/[locale]/app/calendar/_components/CalendarHeader.tsx b/apps/web/src/app/[locale]/app/calendar/_components/CalendarHeader.tsx
@@ -23,7 +23,7 @@ export const CalendarHeader = ({ date, today }: Props) => {
     isHighlighted: boolean;
   }) => {
     router.push(
-      `/app/calendar?date=${format(date, "yyyy-MM-dd")}&isHighlighted=${isHighlighted}`,
+      `/app/calendar?date=${format(date, "yyyy-MM-dd")}&isHighlighted=${isHighlighted ? "true" : "false"}`,
     );
   };
 

diff --git a/apps/web/src/app/[locale]/app/calendar/_components/CalendarPosition.tsx b/apps/web/src/app/[locale]/app/calendar/_components/CalendarPosition.tsx
@@ -34,11 +34,11 @@ const CalendarPosition = ({
   return (
     <>
       {children?.({
-        top: `${getPercent(clampByDate(startDate), baseDate)}%`,
-        left: `${offsetPercent}%`,
-        width: `${100 - offsetPercent}%`,
+        top: `${getPercent(clampByDate(startDate), baseDate).toString()}%`,
+        left: `${offsetPercent.toString()}%`,
+        width: `${(100 - offsetPercent).toString()}%`,
         height: endDate
-          ? `${getPercent(clampByDate(endDate), clampByDate(startDate))}%`
+          ? `${getPercent(clampByDate(endDate), clampByDate(startDate)).toString()}%`
           : undefined,
       })}
     </>

diff --git a/apps/web/src/app/[locale]/app/calendar/_components/CalendarRowLines.tsx b/apps/web/src/app/[locale]/app/calendar/_components/CalendarRowLines.tsx
@@ -4,7 +4,7 @@ export const CalendarRowLines = () => {
   return (
     <div aria-hidden className="flex flex-col flex-1 h-full w-14">
       {R.times(24, (hour) => {
-        const padded = `${`${hour}`.padStart(2, "0")}:00`;
+        const padded = `${hour.toString().padStart(2, "0")}:00`;
         return (
           <span
             key={hour}

diff --git a/packages/utils/src/contract.test.ts b/packages/utils/src/contract.test.ts
@@ -15,7 +15,7 @@ describe("omitUndefined", () => {
             baz: z.string(),
           }),
         },
-        ({ foo, bar }) => ({ baz: `${foo}${bar}` }),
+        ({ foo, bar }) => ({ baz: `${foo}${bar.toString()}` }),
       );
       expect(execute({ foo: "foo", bar: 123 })).toStrictEqual({
         baz: "foo123",
@@ -35,7 +35,7 @@ describe("omitUndefined", () => {
             baz: z.string(),
           }),
         },
-        ({ foo, bar }) => ({ baz: `${foo}${bar}` }),
+        ({ foo, bar }) => ({ baz: `${foo}${bar.toString()}` }),
       );
       expect(() =>
         // @ts-expect-error throws a type error