fix: all minor bugs (#1379)

* fix: all bugs

* fix: all bugs

* fix: all bugs

* fix: all bugs

* fix: all bugs

Author: chiol

apps/web/next.config.mjs

@@ -12,6 +12,7 @@ const nextConfig = {
   output: 'standalone',
   eslint: { ignoreDuringBuilds: true },
   transpilePackages: ['@ufb/react'],
+  compiler: { removeConsole: process.env.NODE_ENV === 'production' },
   images: { remotePatterns: [{ hostname: '*' }] },
   webpack(config) {
     // @ts-ignore

apps/web/package.json

@@ -57,7 +57,6 @@
     "i18next": "^24.0.0",
     "immer": "^10.0.4",
     "jwt-decode": "^4.0.0",
-    "lz-string": "^1.5.0",
     "next": "^15.0.0",
     "next-i18next": "^15.3.0",
     "next-themes": "^0.4.3",

apps/web/src/entities/feedback/lib/use-feedback-query-converter.ts

@@ -16,7 +16,6 @@
 
 import { useCallback, useMemo, useState } from 'react';
 import dayjs from 'dayjs';
-import { compressToBase64, decompressFromBase64 } from 'lz-string';
 import { createParser, useQueryState } from 'nuqs';
 
 import type {
@@ -73,13 +72,10 @@ const useFeedbackQueryConverter = (input: {
     'queries',
     createParser({
       parse: (value) => {
-        return JSON.parse(decompressFromBase64(value)) as Record<
-          string,
-          unknown
-        >[];
+        return JSON.parse(atob(value)) as Record<string, unknown>[];
       },
       serialize: (value) => {
-        return compressToBase64(JSON.stringify(value));
+        return btoa(JSON.stringify(value));
       },
     }).withDefault([{ createdAt: DEFAULT_DATE_RANGE, condition: 'IS' }]),
   );

apps/web/src/entities/feedback/ui/feedback-detail-sheet.ui.tsx

@@ -17,12 +17,12 @@
 import { useState } from 'react';
 import { useOverlay } from '@toss/use-overlay';
 import dayjs from 'dayjs';
-import { compressToBase64 } from 'lz-string';
 import { useTranslation } from 'next-i18next';
 
 import {
   Button,
   Divider,
+  Icon,
   Sheet,
   SheetBody,
   SheetClose,
@@ -31,6 +31,7 @@ import {
   SheetHeader,
   SheetTitle,
   Tag,
+  toast,
 } from '@ufb/react';
 
 import {
@@ -80,7 +81,12 @@ const FeedbackDetailSheet = (props: Props) => {
 
   const onClickSubmit = async () => {
     const editedFeedback = fields
-      .filter((v) => v.property === 'EDITABLE' && v.status === 'ACTIVE')
+      .filter(
+        (v) =>
+          v.property === 'EDITABLE' &&
+          v.status === 'ACTIVE' &&
+          v.format !== 'images',
+      )
       .reduce((acc, cur) => {
         if (cur.key === 'issues') return acc;
         if (cur.format === 'date') {
@@ -92,11 +98,13 @@ const FeedbackDetailSheet = (props: Props) => {
               : null,
           };
         }
-        return acc;
+        return {
+          ...acc,
+          [cur.key]: currentFeedback[cur.key] ?? null,
+        };
       }, {} as Feedback);
 
     try {
-      setIsLoading(true);
       await updateFeedback?.(editedFeedback);
     } finally {
       setIsLoading(false);
@@ -128,11 +136,14 @@ const FeedbackDetailSheet = (props: Props) => {
               variant="outline"
               size="small"
               className="cursor-pointer"
-              onClick={() =>
-                navigator.clipboard.writeText(
-                  `${window.location.origin}/${window.location.pathname}?queries=${compressToBase64(JSON.stringify([{ id: feedback.id, condition: 'IS' }]))}&channelId=${channelId}`,
-                )
-              }
+              onClick={async () => {
+                await navigator.clipboard.writeText(
+                  `${window.location.origin}/${window.location.pathname}?queries=${btoa(JSON.stringify([{ id: feedback.id, condition: 'IS' }]))}&channelId=${channelId}`,
+                );
+                toast(t('v2.toast.copy'), {
+                  icon: <Icon name="RiCheckboxMultipleFill" />,
+                });
+              }}
             >
               URL Copy
             </Tag>

apps/web/src/entities/user/ui/user-management-table.ui.tsx

@@ -149,6 +149,11 @@ const UserManagementTable: React.FC<IProps> = ({ createButton }) => {
     setRowCount(userData?.meta.totalItems ?? 0);
   }, [userData, pagination, isLoading]);
 
+  useEffect(() => {
+    table.setPageIndex(0);
+    table.resetRowSelection();
+  }, [pagination.pageSize]);
+
   const selectedRowIds = useMemo(() => {
     return Object.entries(table.getState().rowSelection).reduce(
       (acc, [key, value]) => (value ? acc.concat(Number(key)) : acc),

apps/web/src/entities/user/user.model.ts

@@ -81,14 +81,18 @@ export const useUserStore = create<State & Action>((set, get) => ({
     }
   },
   async _signIn(jwt) {
-    await cookieStorage.setItem('jwt', jwt);
-    const broadcastChannel = new BroadcastChannel('ufb');
-    broadcastChannel.postMessage({ type: 'reload', payload: get().randomId });
-    get().setUser();
-    if (router.query.callback_url) {
-      await router.push(router.query.callback_url as string);
-    } else {
-      await router.push({ pathname: Path.MAIN });
+    try {
+      await cookieStorage.setItem('jwt', jwt);
+      const broadcastChannel = new BroadcastChannel('ufb');
+      broadcastChannel.postMessage({ type: 'reload', payload: get().randomId });
+      get().setUser();
+      if (router.query.callback_url) {
+        await router.push(router.query.callback_url as string);
+      } else {
+        await router.push({ pathname: Path.MAIN });
+      }
+    } catch (error) {
+      console.log('error: ', error);
     }
   },
 }));

apps/web/src/features/auth/reset-password-with-email/ui/request-reset-password-with-email.ui.tsx

@@ -44,7 +44,7 @@ const RequestResetPasswordWithEmail: React.FC<IProps> = () => {
     queryOptions: {
       async onSuccess() {
         await router.push(Path.SIGN_IN);
-        toast.success('Success');
+        toast.success(t('v2.toast.success'));
       },
     },
   });

apps/web/src/features/auth/reset-password-with-email/ui/reset-password-with-email-form.ui.tsx

@@ -46,7 +46,7 @@ const ResetPasswordWithEmailForm: React.FC<IProps> = ({ code, email }) => {
     path: '/api/admin/users/password/reset',
     queryOptions: {
       async onSuccess() {
-        toast.success('Success');
+        toast.success(t('v2.toast.success'));
         await router.push(Path.SIGN_IN);
       },
     },

apps/web/src/features/auth/sign-up-with-email/sign-up-with-email.schema.ts

@@ -25,7 +25,7 @@ export const signUpWithEmailSchema = z
     confirmPassword: z.string().min(8),
   })
   .refine((schema) => schema.password === schema.confirmPassword, {
-    message: 'Password not matched',
+    message: 'must equal Password',
     path: ['confirmPassword'],
   })
   .refine(({ password }) => /[a-zA-Z!@#$%^&*(),.?":{}|<>]/.test(password), {
@@ -34,5 +34,5 @@ export const signUpWithEmailSchema = z
   })
   .refine(({ password }) => !/(.)\1/.test(password), {
     message: 'must not contain consecutive identical characters',
-    path: ['newPassword'],
+    path: ['password'],
   });

apps/web/src/features/auth/sign-up-with-email/ui/sign-up-with-email-form.ui.tsx

@@ -56,7 +56,6 @@ const SignUpWithEmailForm: React.FC<IProps> = (props) => {
         { ...initialValues }
       : { emailState: 'NOT_VERIFIED', code: '' },
   });
-  console.log('formState: ', formState.errors);
 
   const [expiredTime, setExpiredTime] = useState<string>();
   const [leftTime, setLeftTime] = useState('');