- {loginMethodOptions.map(({ provider, socialProvider, name, mark: Mark, markClass }) => {
- const method = loginMethods.find((item) => item.provider === provider);
- const linked = method?.linked ?? false;
- const isConnecting = pendingConnection === socialProvider;
- return (
-
-
-
- {name}
- {isLoadingLoginMethods ? "확인 중..." : method?.maskedEmail || (linked ? "연결됨" : "연결되지 않음")}
-
- {isLoadingLoginMethods ? : linked ? (
- method?.canUnlink && socialProvider
- ?
- : 연결됨
- ) : socialProvider ? (
-
- ) : 미등록}
-
- );
- })}
+ {loginMethodOptions.map(
+ ({ provider, socialProvider, name, mark: Mark, markClass }) => {
+ const method = loginMethods.find(
+ (item) => item.provider === provider,
+ );
+ const linked = method?.linked ?? false;
+ const isConnecting = pendingConnection === socialProvider;
+ return (
+
+
+
+
+
+
+ {name}
+
+
+ {isLoadingLoginMethods
+ ? "확인 중..."
+ : method?.maskedEmail ||
+ (linked ? "연결됨" : "연결되지 않음")}
+
+
+ {isLoadingLoginMethods ? (
+
+ ) : linked ? (
+ method?.canUnlink && socialProvider ? (
+
+ ) : (
+
+
+ 연결됨
+
+ )
+ ) : socialProvider ? (
+
+ ) : (
+
+ 미등록
+
+ )}
+
+ );
+ },
+ )}
-