refactor: rename some MCP list (#9253)

- BuiltinMCPServersSection -> BuiltinMCPServerList
- McpResourcesSection -> McpMarketList

src/renderer/src/pages/settings/MCPSettings/BuiltinMCPServerList.tsx

@@ -9,7 +9,7 @@ import styled from 'styled-components'
 
 import { SettingTitle } from '..'
 
-const BuiltinMCPServersSection: FC = () => {
+const BuiltinMCPServerList: FC = () => {
   const { t } = useTranslation()
   const { addMCPServer, mcpServers } = useMCPServers()
 
@@ -176,4 +176,4 @@ const ServerFooter = styled.div`
   margin-top: 10px;
 `
 
-export default BuiltinMCPServersSection
+export default BuiltinMCPServerList

src/renderer/src/pages/settings/MCPSettings/McpMarketList.tsx

@@ -5,7 +5,7 @@ import styled from 'styled-components'
 
 import { SettingTitle } from '..'
 
-const mcpResources = [
+const mcpMarkets = [
   {
     name: 'modelscope.cn',
     url: 'https://www.modelscope.cn/mcp',
@@ -62,38 +62,38 @@ const mcpResources = [
   }
 ]
 
-const McpResourcesSection: FC = () => {
+const McpMarketList: FC = () => {
   const { t } = useTranslation()
 
   return (
     <>
       <SettingTitle style={{ gap: 3 }}>{t('settings.mcp.findMore')}</SettingTitle>
-      <ResourcesGrid>
-        {mcpResources.map((resource) => (
-          <ResourceCard key={resource.name} onClick={() => window.open(resource.url, '_blank', 'noopener,noreferrer')}>
-            <ResourceHeader>
-              <ResourceLogo src={resource.logo} alt={`${resource.name} logo`} />
-              <ResourceName>{resource.name}</ResourceName>
+      <MarketGrid>
+        {mcpMarkets.map((resource) => (
+          <MarketCard key={resource.name} onClick={() => window.open(resource.url, '_blank', 'noopener,noreferrer')}>
+            <MarketHeader>
+              <MarketLogo src={resource.logo} alt={`${resource.name} logo`} />
+              <MarketName>{resource.name}</MarketName>
               <ExternalLinkIcon>
                 <ExternalLink size={14} />
               </ExternalLinkIcon>
-            </ResourceHeader>
-            <ResourceDescription>{t(resource.descriptionKey)}</ResourceDescription>
-          </ResourceCard>
+            </MarketHeader>
+            <MarketDescription>{t(resource.descriptionKey)}</MarketDescription>
+          </MarketCard>
         ))}
-      </ResourcesGrid>
+      </MarketGrid>
     </>
   )
 }
 
-const ResourcesGrid = styled.div`
+const MarketGrid = styled.div`
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
   gap: 12px;
   margin-bottom: 20px;
 `
 
-const ResourceCard = styled.div`
+const MarketCard = styled.div`
   display: flex;
   flex-direction: column;
   border: 0.5px solid var(--color-border);
@@ -110,13 +110,13 @@ const ResourceCard = styled.div`
   }
 `
 
-const ResourceHeader = styled.div`
+const MarketHeader = styled.div`
   display: flex;
   align-items: center;
   margin-bottom: 8px;
 `
 
-const ResourceLogo = styled.img`
+const MarketLogo = styled.img`
   width: 20px;
   height: 20px;
   border-radius: 4px;
@@ -124,7 +124,7 @@ const ResourceLogo = styled.img`
   margin-right: 8px;
 `
 
-const ResourceName = styled.span`
+const MarketName = styled.span`
   font-size: 14px;
   font-weight: 500;
   flex: 1;
@@ -139,7 +139,7 @@ const ExternalLinkIcon = styled.div`
   align-items: center;
 `
 
-const ResourceDescription = styled.div`
+const MarketDescription = styled.div`
   font-size: 12px;
   color: var(--color-text-2);
   overflow: hidden;
@@ -149,4 +149,4 @@ const ResourceDescription = styled.div`
   line-height: 1.4;
 `
 
-export default McpResourcesSection
+export default McpMarketList

src/renderer/src/pages/settings/MCPSettings/McpServersList.tsx

@@ -15,10 +15,10 @@ import styled from 'styled-components'
 
 import { SettingTitle } from '..'
 import AddMcpServerModal from './AddMcpServerModal'
-import BuiltinMCPServersSection from './BuiltinMCPServersSection'
+import BuiltinMCPServerList from './BuiltinMCPServerList'
 import EditMcpJsonPopup from './EditMcpJsonPopup'
 import InstallNpxUv from './InstallNpxUv'
-import McpResourcesSection from './McpResourcesSection'
+import McpMarketList from './McpMarketList'
 import SyncServersPopup from './SyncServersPopup'
 
 const McpServersList: FC = () => {
@@ -248,8 +248,8 @@ const McpServersList: FC = () => {
         />
       )}
 
-      <McpResourcesSection />
-      <BuiltinMCPServersSection />
+      <McpMarketList />
+      <BuiltinMCPServerList />
 
       <AddMcpServerModal
         visible={isAddModalVisible}