rc_v1 fix default seller api description

mycloudnexus · Nov 20, 2024 · fe5711f · fe5711f
1 parent 3e1d68a
commit fe5711f
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 6 deletions.
diff --git a/kraken-app/kraken-app-portal/src/components/APIViewerContent/index.tsx b/kraken-app/kraken-app-portal/src/components/APIViewerContent/index.tsx
@@ -10,6 +10,7 @@ import styles from "./index.module.scss";
 import { Col, Row, Table, notification } from "antd";
 import Flex from "../Flex";
 import RequestMethod from "../Method";
+import TrimmedPath from "../TrimmedPath";
 
 type Props = {
   selectedAPI?: string;
@@ -83,19 +84,19 @@ const APIViewerContent = ({ selectedAPI, content }: Props) => {
     <div className={styles.root}>
       <div className={styles.basicInfo}>
         <Row gutter={[12, 20]}>
-          <Col span={2}>
+          <Col span={4}>
             <Flex flexDirection="column" alignItems="flex-start" gap={8}>
               <Text.LightMedium color="#00000073">Method</Text.LightMedium>
               <RequestMethod method={basicData?.method} />
             </Flex>
           </Col>
-          <Col span={11}>
+          <Col span={10}>
             <Flex flexDirection="column" alignItems="flex-start" gap={8}>
               <Text.LightMedium color="#00000073">Path</Text.LightMedium>
-              <Text.LightMedium>{basicData?.name}</Text.LightMedium>
+              <TrimmedPath path={basicData?.name ?? ''} />
             </Flex>
           </Col>
-          <Col span={11}>
+          <Col span={10}>
             <Flex flexDirection="column" alignItems="flex-start" gap={8}>
               <Text.LightMedium color="#00000073">Description</Text.LightMedium>
               <Text.LightMedium>{basicData?.description}</Text.LightMedium>

diff --git a/kraken-app/kraken-app-portal/src/components/SpecDrawer/TableAPIList.tsx b/kraken-app/kraken-app-portal/src/components/SpecDrawer/TableAPIList.tsx
@@ -5,6 +5,7 @@ import RequestMethod from "../Method";
 import styles from "./index.module.scss";
 import { Text } from "../Text";
 import { LeftOutlined, RightOutlined } from "@ant-design/icons";
+import TrimmedPath from "../TrimmedPath";
 
 type Props = {
   data: IItem[];
@@ -24,6 +25,7 @@ const TableAPIList = ({ data, onSelect, selected }: Props) => {
       {
         title: "Path",
         dataIndex: "path",
+        render: (path) => <TrimmedPath path={path} />
       },
     ],
     []

diff --git a/kraken-app/kraken-app-portal/src/pages/APIServerList/components/APIServerCard.tsx b/kraken-app/kraken-app-portal/src/pages/APIServerList/components/APIServerCard.tsx
@@ -156,11 +156,11 @@ const APIServerCard = ({ item, refetchList }: Props) => {
               <Typography.Text
                 ellipsis={{
                   tooltip: {
-                    title: get(item, "metadata.description", "description"),
+                    title: get(item, "metadata.description", "-"),
                   },
                 }}
               >
-                {get(item, "metadata.description", "description")}
+                {get(item, "metadata.description", "-")}
               </Typography.Text>
             </Flex>
           </Group>