Skip to content

Commit 08a3eb6

Browse files
manNomimanNomi
committed
πŸ› νƒ€μž… 였λ₯˜ 및 lockfile 동기화
1 parent d5434a4 commit 08a3eb6

13 files changed

Lines changed: 110 additions & 90 deletions

File tree

β€Žapps/web/package.jsonβ€Ž

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -48,7 +48,8 @@
4848
"devDependencies": {
4949
"@svgr/webpack": "^8.1.0",
5050
"@types/node": "^20.11.19",
51-
"@types/react": "^18.2.55",
51+
"@types/react": "18.3.27",
52+
"@types/react-dom": "18.3.7",
5253
"autoprefixer": "^10.4.20",
5354
"critters": "^0.0.23",
5455
"postcss": "^8.4.45",

β€Žapps/web/src/app/(home)/_ui/NewsSection/_hooks/useSectionHadnler.tsβ€Ž

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
1-
import { useEffect, useRef, useState } from "react";
1+
import { useEffect, useRef, useState, type RefObject } from "react";
22

33
interface UseSectionHandlerReturn {
4-
sectionRef: React.RefObject<HTMLDivElement>;
4+
sectionRef: RefObject<HTMLDivElement>;
55
visible: boolean;
66
}
77

β€Žapps/web/src/app/layout.tsxβ€Ž

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
11
import type { Metadata, Viewport } from "next";
2+
import type { ReactNode } from "react";
23
import dynamic from "next/dynamic";
34
import localFont from "next/font/local";
45

@@ -61,7 +62,7 @@ export const viewport: Viewport = {
6162
userScalable: true,
6263
};
6364

64-
const RootLayout = ({ children }: { children: React.ReactNode }) => (
65+
const RootLayout = ({ children }: { children: ReactNode }) => (
6566
<html lang="ko" className={pretendard.variable}>
6667
<body className={pretendard.className}>
6768
<AppleScriptLoader />

β€Žapps/web/src/app/mentor/_ui/MentorClient/_ui/MentorFindSection/_hooks/useSelectedTab.tsβ€Ž

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
1-
import { useRef, useState } from "react";
1+
import { useRef, useState, type RefObject } from "react";
22

33
import { FilterTab } from "@/types/mentor";
44

55
interface UseSelectedTabReturn {
6-
listRef: React.RefObject<HTMLDivElement>;
6+
listRef: RefObject<HTMLDivElement>;
77
selectedTab: FilterTab;
88
handleSelectTab: (tab: FilterTab) => void;
99
}

β€Žapps/web/src/app/my/modify/_ui/ModifyContent/_ui/ImageInputFiled/_hooks/useImageInputHandler.tsβ€Ž

Lines changed: 4 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -1,22 +1,14 @@
1-
import { useEffect, useRef, useState } from "react";
1+
import { useEffect, useRef, useState, type ChangeEvent, type RefObject } from "react";
22
import { useController, useFormContext } from "react-hook-form";
33

44
import { convertUploadedImageUrl } from "@/utils/fileUtils";
55

66
interface ImageInputHandlerReturn {
77
selectedImage: File | undefined;
88
imagePreviewUrl: string | null;
9-
fileInputRef: React.RefObject<HTMLInputElement>;
9+
fileInputRef: RefObject<HTMLInputElement>;
1010
handleImageSelect: () => void;
11-
handleFileChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
12-
}
13-
14-
interface ImageInputHandlerReturn {
15-
selectedImage: File | undefined;
16-
imagePreviewUrl: string | null;
17-
fileInputRef: React.RefObject<HTMLInputElement>;
18-
handleImageSelect: () => void;
19-
handleFileChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
11+
handleFileChange: (event: ChangeEvent<HTMLInputElement>) => void;
2012
}
2113

2214
const useImageInputHandler = (initImagePreview: string | null): ImageInputHandlerReturn => {
@@ -42,7 +34,7 @@ const useImageInputHandler = (initImagePreview: string | null): ImageInputHandle
4234
fileInputRef.current?.click();
4335
};
4436

45-
const handleFileChange = (event: React.ChangeEvent<HTMLInputElement>) => {
37+
const handleFileChange = (event: ChangeEvent<HTMLInputElement>) => {
4638
const file = event.target.files?.[0];
4739
if (file) {
4840
setFormValue(file); // useController둜 폼 κ°’ μ„€μ •

β€Žapps/web/src/app/university/application/ScoreSearchBar.tsxβ€Ž

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,9 @@
11
import { IconSearchFilled } from "@/public/svgs";
2+
import type { RefObject } from "react";
23

34
type ScoreSearchBarProps = {
45
onClick: () => void;
5-
textRef: React.RefObject<HTMLInputElement>;
6+
textRef: RefObject<HTMLInputElement>;
67
searchHandler: (_e: React.FormEvent) => void;
78
};
89

β€Žapps/web/src/components/layout/GlobalLayout/index.tsxβ€Ž

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import dynamic from "next/dynamic";
2-
import type React from "react";
2+
import type { ReactNode } from "react";
33

44
import BottomNavigation from "./ui/BottomNavigation";
55

@@ -9,7 +9,7 @@ import BottomNavigation from "./ui/BottomNavigation";
99
const ClientModal = dynamic(() => import("./ui/ClientModal"), { ssr: false, loading: () => null });
1010

1111
type LayoutProps = {
12-
children: React.ReactNode;
12+
children: ReactNode;
1313
};
1414

1515
const GlobalLayout = ({ children }: LayoutProps) => {

β€Žapps/web/src/components/mentor/ChannelSelct/_hooks/useSelectHandler.tsβ€Ž

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,11 @@
1-
import { useEffect, useRef, useState } from "react";
1+
import { useEffect, useRef, useState, type RefObject } from "react";
22
import { type Control, type FieldValues, useController } from "react-hook-form";
33

44
import type { ChannelType } from "@/types/mentor";
55

66
interface useSelectHandlerReturn {
77
isOpen: boolean;
8-
dropdownRef: React.RefObject<HTMLDivElement>;
8+
dropdownRef: RefObject<HTMLDivElement>;
99
handleChannelChange: (val: ChannelType | null) => void;
1010
toggleDropdown: () => void;
1111
}

β€Žapps/web/src/components/ui/BottomSheet/hooks/useHandleModal.tsβ€Ž

Lines changed: 11 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,23 @@
1-
import { useCallback, useEffect, useMemo, useRef, useState } from "react";
1+
import {
2+
useCallback,
3+
useEffect,
4+
useMemo,
5+
useRef,
6+
useState,
7+
type MutableRefObject,
8+
type RefObject,
9+
} from "react";
210

311
// λ“œλž˜κ·Έ ν•Έλ“€μ—μ„œ μ œμ™Έν•΄μ•Ό ν•˜λŠ” μΈν„°λž™ν‹°λΈŒ μ—˜λ¦¬λ¨ΌνŠΈ νŒλ³„
412
const isInteractiveElement = (el: EventTarget | null): boolean => {
513
return el instanceof HTMLElement && ["INPUT", "TEXTAREA", "SELECT", "BUTTON", "A", "LABEL"].includes(el.tagName);
614
};
715

816
interface UseHandleModalReturn {
9-
elementRef: React.RefObject<HTMLDivElement>;
17+
elementRef: RefObject<HTMLDivElement>;
1018
isVisible: boolean;
1119
translateY: number;
12-
isDraggingRef: React.MutableRefObject<boolean>;
20+
isDraggingRef: MutableRefObject<boolean>;
1321
handleClose: () => void;
1422
handleTouchStart: (e: React.TouchEvent | React.MouseEvent) => void;
1523
handleTouchMove: (e: React.TouchEvent | React.MouseEvent) => void;

β€Žapps/web/src/components/ui/Checkbox.tsxβ€Ž

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,9 +3,12 @@
33
import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
44

55
import { Check } from "lucide-react";
6+
import type { ComponentType } from "react";
67
import * as React from "react";
78
import { cn } from "@/lib/utils";
89

10+
const CheckIcon = Check as ComponentType<{ className?: string }>;
11+
912
const Checkbox = React.forwardRef<
1013
React.ElementRef<typeof CheckboxPrimitive.Root>,
1114
React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>
@@ -19,7 +22,7 @@ const Checkbox = React.forwardRef<
1922
{...props}
2023
>
2124
<CheckboxPrimitive.Indicator className={cn("flex items-center justify-center text-current")}>
22-
<Check className="h-4 w-4" />
25+
<CheckIcon className="h-4 w-4" />
2326
</CheckboxPrimitive.Indicator>
2427
</CheckboxPrimitive.Root>
2528
));

0 commit comments

Comments
Β (0)