chore: assign todos (#7297)

packages/frontend/component/src/components/member-components/invite-modal.tsx

@@ -65,7 +65,6 @@ export const InviteModal = ({
       }}
       onConfirm={handleConfirm}
     >
-      {/*TODO: check email & add placeholder*/}
       <AuthInput
         disabled={isMutating}
         placeholder="email@example.com"

packages/frontend/component/src/index.ts

@@ -1,4 +1,4 @@
-// TODO: Check `input` , `loading`, not migrated from `design`
+// TODO(@catsjuice): Check `input` , `loading`, not migrated from `design`
 export * from './lit-react';
 export * from './styles';
 export * from './ui/avatar';

packages/frontend/component/src/lit-react/lit-portal/lite-portal.tsx

@@ -14,7 +14,7 @@ const listeners: Set<PortalListener> = new Set();
 
 export function createLitPortalAnchor(callback: (event: PortalEvent) => void) {
   const id = nanoid();
-  // todo: clean up listeners?
+  // todo(@Peng): clean up listeners?
   listeners.add(event => {
     if (event.target.portalId !== id) {
       return;

packages/frontend/component/src/ui/date-picker/index.css.ts

@@ -48,7 +48,7 @@ export const inputStyle = style({
 });
 export const popperStyle = style({
   boxShadow: cssVar('shadow2'),
-  // TODO: for menu offset, need to be optimized
+  // TODO(@catsjuice): for menu offset, need to be optimized
   marginTop: '16px',
   background: cssVar('backgroundOverlayPanelColor'),
   borderRadius: '12px',

packages/frontend/component/src/ui/date-picker/week-date-picker.tsx

@@ -29,7 +29,7 @@ export interface WeekDatePickerProps
   handleRef?: ForwardedRef<WeekDatePickerHandle>;
 }
 
-// TODO: i18n
+// TODO(catsjuice): i18n
 const weekDays = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
 // const weekDays = ['日', '一', '二', '三', '四', '五', '六'];
 const format = 'YYYY-MM-DD';

packages/frontend/component/src/ui/layout/wrapper.tsx

@@ -113,15 +113,4 @@ export const FlexWrapper = styled(Wrapper, {
   };
 });
 
-// TODO: Complete me
-export const GridWrapper = styled(Wrapper, {
-  shouldForwardProp: prop => {
-    return ![''].includes(prop as string);
-  },
-})<WrapperProps>(() => {
-  return {
-    display: 'grid',
-  };
-});
-
 export default Wrapper;

packages/frontend/component/src/ui/menu/styles.css.ts

@@ -132,7 +132,7 @@ export const menuTrigger = style({
       color: cssVar('textDisableColor'),
       pointerEvents: 'none',
     },
-    // TODO: wait for design
+    // TODO(@catsjuice): wait for design
     '&.error': {
       // borderColor: 'var(--affine-error-color)',
     },

packages/frontend/component/src/ui/modal/confirm-modal.tsx

@@ -142,7 +142,7 @@ export const ConfirmModalProvider = ({ children }: PropsWithChildren) => {
       value={{ openConfirmModal, closeConfirmModal, modalProps }}
     >
       {children}
-      {/* TODO: multi-instance support(unnecessary for now) */}
+      {/* TODO(@catsjuice): multi-instance support(unnecessary for now) */}
       <ConfirmModal {...modalProps} onOpenChange={onOpenChange} />
     </ConfirmModalContext.Provider>
   );