refactor(web): mark Props of misc components as read-only (#25219) (#37294)

web/app/components/app-sidebar/app-sidebar-dropdown.tsx

@@ -21,7 +21,7 @@ import AppInfo from './app-info'
 import { getAppModeLabel } from './app-info/app-mode-labels'
 import NavLink from './nav-link'
 
-type Props = {
+type Props = Readonly<{
   navigation: Array<{
     name: string
     href: string
@@ -29,7 +29,7 @@ type Props = {
     selectedIcon: NavIcon
   }>
   appInfoActions?: AppInfoActions
-}
+}>
 
 const AppSidebarDropdown = ({ navigation, appInfoActions }: Props) => {
   const { t } = useTranslation()

web/app/components/apps/list.tsx

@@ -37,9 +37,9 @@ const CreateFromDSLModal = dynamic(() => import('@/app/components/app/create-fro
   ssr: false,
 })
 
-type Props = {
+type Props = Readonly<{
   controlRefreshList?: number
-}
+}>
 function List({
   controlRefreshList = 0,
 }: Props) {

web/app/components/goto-anything/command-selector.tsx

@@ -6,14 +6,14 @@ import { useTranslation } from 'react-i18next'
 import { usePathname } from '@/next/navigation'
 import { slashCommandRegistry } from './actions/commands/registry'
 
-type Props = {
+type Props = Readonly<{
   actions: Record<string, ActionItem>
   onCommandSelect: (commandKey: string) => void
   searchFilter?: string
   commandValue?: string
   onCommandValueChange?: (value: string) => void
   originalQuery?: string
-}
+}>
 
 const CommandSelector: FC<Props> = ({ actions, onCommandSelect, searchFilter, commandValue, onCommandValueChange, originalQuery }) => {
   const { t } = useTranslation()

web/app/components/goto-anything/index.tsx

@@ -18,9 +18,9 @@ import {
   useGotoAnythingSearch,
 } from './hooks'
 
-type Props = {
+type Props = Readonly<{
   onHide?: () => void
-}
+}>
 
 const GotoAnythingDialog: FC<Props> = ({
   onHide,

web/app/components/snippet-list/components/snippet-card.tsx

@@ -30,12 +30,12 @@ import { useDeleteSnippetMutation, useExportSnippetMutation, useUpdateSnippetMut
 import { downloadBlob } from '@/utils/download'
 import { formatTime } from '@/utils/time'
 
-type Props = {
+type Props = Readonly<{
   snippet: SnippetListItem
   onOpenTagManagement?: () => void
   onRefresh?: () => void
   onTagsChange?: () => void
-}
+}>
 
 const SnippetCard = ({
   snippet,

web/context/app-list-context.ts

@@ -2,12 +2,12 @@ import type { SetTryAppPanel, TryAppSelection } from '@/types/try-app'
 import { noop } from 'es-toolkit/function'
 import { createContext } from 'use-context-selector'
 
-type Props = {
+type Props = Readonly<{
   currentApp?: TryAppSelection
   isShowTryAppPanel: boolean
   setShowTryAppPanel: SetTryAppPanel
   controlHideCreateFromTemplatePanel: number
-}
+}>
 
 const AppListContext = createContext<Props>({
   isShowTryAppPanel: false,