chore: playground api request

src/pages/playground/index.tsx

@@ -1,24 +1,22 @@
+import { useSearchParams } from '@umijs/max';
 import { Divider } from 'antd';
-import { useEffect, useState } from 'react';
+import { useState } from 'react';
 import GroundLeft from './components/ground-left';
 import ParamsSettings from './components/params-settings';
 import './style/play-ground.less';
 
 const Playground: React.FC = () => {
-  const [messageList, setMessageList] = useState<any[]>([]);
+  const [searchParams] = useSearchParams();
   const [selectedModel, setSelectedModel] = useState('llama3:latest');
   const [showPopover, setShowPopover] = useState(false);
+  const selectModel = searchParams.get('model') || '';
+  const [params, setParams] = useState({});
 
+  console.log('query======', searchParams, selectModel);
   const handleSelectChange = (value: string) => {
     setSelectedModel(value);
   };
 
-  const getMessageList = () => {
-    // fetch message list from server
-    console.log('getModelList');
-    setMessageList(['1']);
-  };
-
   const handleTogglePopover = () => {
     setShowPopover(!showPopover);
   };
@@ -27,20 +25,20 @@ const Playground: React.FC = () => {
     setShowPopover(false);
   };
 
-  useEffect(() => {
-    getMessageList();
-  }, [selectedModel]);
-
   return (
     <div className="play-ground">
       <div className="chat">
-        <GroundLeft></GroundLeft>
+        <GroundLeft parameters={params}></GroundLeft>
       </div>
       <div className="divider-line">
         <Divider type="vertical" />
       </div>
       <div className="params">
-        <ParamsSettings onClose={handleClosePopover} />
+        <ParamsSettings
+          onClose={handleClosePopover}
+          setParams={setParams}
+          selectedModel={selectModel}
+        />
       </div>
     </div>
   );