chore: enable no-unused vars (#2181)

apps/web/src/components/affine/tmp-disable-affine-cloud-modal/style.ts

@@ -13,7 +13,7 @@ export const Content = styled('div')({
   padding: '0 40px',
 });
 
-export const ContentTitle = styled('h1')(({ theme }) => {
+export const ContentTitle = styled('h1')(() => {
   return {
     fontSize: 'var(--affine-font-h6)',
     lineHeight: '28px',
@@ -21,7 +21,7 @@ export const ContentTitle = styled('h1')(({ theme }) => {
   };
 });
 
-export const StyleTips = styled('div')(({ theme }) => {
+export const StyleTips = styled('div')(() => {
   return {
     userSelect: 'none',
     margin: '20px 0',
@@ -31,7 +31,7 @@ export const StyleTips = styled('div')(({ theme }) => {
   };
 });
 
-export const StyleButton = styled(Button)(({ theme }) => {
+export const StyleButton = styled(Button)(() => {
   return {
     textAlign: 'center',
     margin: '20px 0',

apps/web/src/components/affine/workspace-setting-detail/panel/collaboration/invite-member-modal/index.tsx

@@ -150,7 +150,7 @@ const InviteBox = styled('div')({
   position: 'relative',
 });
 
-const Members = styled('div')(({ theme }) => {
+const Members = styled('div')(() => {
   return {
     position: 'absolute',
     width: '100%',
@@ -178,7 +178,7 @@ const Members = styled('div')(({ theme }) => {
 //   };
 // });
 
-const Member = styled('div')(({ theme }) => {
+const Member = styled('div')(() => {
   return {
     color: 'var(--affine-icon-color)',
     fontSize: 'var(--affine-font-sm)',
@@ -188,7 +188,7 @@ const Member = styled('div')(({ theme }) => {
   };
 });
 
-const MemberIcon = styled('div')(({ theme }) => {
+const MemberIcon = styled('div')(() => {
   return {
     width: '40px',
     height: '40px',

apps/web/src/components/affine/workspace-setting-detail/panel/collaboration/style.ts

@@ -61,7 +61,7 @@ export const StyledMemberInfo = styled('div')(() => {
   };
 });
 
-export const StyledMemberName = styled('div')(({ theme }) => {
+export const StyledMemberName = styled('div')(() => {
   return {
     fontWeight: '400',
     fontSize: '18px',
@@ -70,7 +70,7 @@ export const StyledMemberName = styled('div')(({ theme }) => {
   };
 });
 
-export const StyledMemberEmail = styled('div')(({ theme }) => {
+export const StyledMemberEmail = styled('div')(() => {
   return {
     fontWeight: '400',
     fontSize: '16px',

apps/web/src/components/affine/workspace-setting-detail/panel/general/delete/style.ts

@@ -1,6 +1,6 @@
 import { styled } from '@affine/component';
 
-export const StyledModalWrapper = styled('div')(({ theme }) => {
+export const StyledModalWrapper = styled('div')(() => {
   return {
     position: 'relative',
     padding: '0px',
@@ -36,7 +36,7 @@ export const StyledTextContent = styled('div')(() => {
   };
 });
 
-export const StyledInputContent = styled('div')(({ theme }) => {
+export const StyledInputContent = styled('div')(() => {
   return {
     display: 'flex',
     flexDirection: 'row',

apps/web/src/components/affine/workspace-setting-detail/panel/general/leave/style.ts

@@ -1,6 +1,6 @@
 import { styled } from '@affine/component';
 
-export const StyledModalWrapper = styled('div')(({ theme }) => {
+export const StyledModalWrapper = styled('div')(() => {
   return {
     position: 'relative',
     padding: '0px',

apps/web/src/components/affine/workspace-setting-detail/panel/general/style.ts

@@ -1,7 +1,7 @@
 import { displayFlex, styled } from '@affine/component';
 import { Input } from '@affine/component';
 
-export const StyledInput = styled(Input)(({ theme }) => {
+export const StyledInput = styled(Input)(() => {
   return {
     border: '1px solid var(--affine-border-color)',
     borderRadius: '10px',
@@ -9,7 +9,7 @@ export const StyledInput = styled(Input)(({ theme }) => {
   };
 });
 
-export const StyledWorkspaceInfo = styled('div')(({ theme }) => {
+export const StyledWorkspaceInfo = styled('div')(() => {
   return {
     ...displayFlex('flex-start', 'center'),
     fontSize: '20px',
@@ -48,7 +48,7 @@ export const StyledAvatar = styled('div')(
   }
 );
 
-export const StyledEditButton = styled('div')(({ theme }) => {
+export const StyledEditButton = styled('div')(() => {
   return {
     color: 'var(--affine-primary-color)',
     cursor: 'pointer',

apps/web/src/components/affine/workspace-setting-detail/panel/sync/index.tsx

@@ -9,7 +9,7 @@ import { useCurrentUser } from '../../../../../hooks/current/use-current-user';
 import { WorkspaceAvatar } from '../../../../pure/footer';
 import type { PanelProps } from '../../index';
 
-export const StyledWorkspaceName = styled('span')(({ theme }) => {
+export const StyledWorkspaceName = styled('span')(() => {
   return {
     fontWeight: '400',
     fontSize: 'var(--affine-font-h6)',

apps/web/src/components/affine/workspace-setting-detail/style.ts

@@ -26,7 +26,7 @@ export const StyledSettingContent = styled('div')(() => {
 });
 
 export const WorkspaceSettingTagItem = styled('li')<{ isActive?: boolean }>(
-  ({ theme, isActive }) => {
+  ({ isActive }) => {
     {
       return {
         display: 'flex',
@@ -45,7 +45,7 @@ export const WorkspaceSettingTagItem = styled('li')<{ isActive?: boolean }>(
   }
 );
 
-export const StyledSettingKey = styled('div')(({ theme }) => {
+export const StyledSettingKey = styled('div')(() => {
   return {
     width: '140px',
     fontSize: 'var(--affine-font-base)',
@@ -60,14 +60,14 @@ export const StyledRow = styled(FlexWrapper)(() => {
   };
 });
 
-export const StyledWorkspaceName = styled('span')(({ theme }) => {
+export const StyledWorkspaceName = styled('span')(() => {
   return {
     fontWeight: '400',
     fontSize: 'var(--affine-font-h6)',
   };
 });
 
-export const StyledIndicator = styled('div')(({ theme }) => {
+export const StyledIndicator = styled('div')(() => {
   return {
     height: '2px',
     background: 'var(--affine-primary-color)',