Fix admin-web small issues

admin/src/components/molecules/DAGAttributes.tsx

@@ -35,7 +35,7 @@ function DAGAttributes({ dag: config }: Props) {
       </LabeledItem>
       <LabeledItem label="Description">{config.Description}</LabeledItem>
       <LabeledItem label="Max Active Runs">{config.MaxActiveRuns}</LabeledItem>
-      <LabeledItem label="Params">{config.Params}</LabeledItem>
+      <LabeledItem label="Params">{config.Params?.join(" ")}</LabeledItem>
       <Stack direction={'column'}>
         <React.Fragment>
           <LabeledItem label="Preconditions">{null}</LabeledItem>

admin/src/components/molecules/DAGSpecErrors.tsx

@@ -13,8 +13,8 @@ function DAGSpecErrors({ errors }: Props) {
       <div>Please check the below errors!</div>
       <div className="content">
         <ul>
-          {errors.map((e) => (
-            <li>{e}</li>
+          {errors.map((e, i) => (
+            <li key={`${i}`}>{e}</li>
           ))}
         </ul>
       </div>

admin/src/pages/dags/dag/index.tsx

@@ -37,7 +37,7 @@ function DAGDetails() {
   const { mutate } = useSWRConfig();
 
   const refreshFn = React.useCallback(() => {
-    mutate(baseUrl);
+    mutate(`${baseUrl}/*`);
     return;
   }, [mutate, baseUrl]);
 
@@ -124,7 +124,10 @@ function DAGDetails() {
             <Route
               path={'/history'}
               element={
-                <ExecutionHistory logData={data.LogData} isLoading={isValidating} />
+                <ExecutionHistory
+                  logData={data.LogData}
+                  isLoading={isValidating}
+                />
               }
             />
             <Route

admin/src/pages/dags/index.tsx

@@ -23,8 +23,7 @@ function DAGs() {
   });
 
   const refreshFn = React.useCallback(() => {
-    mutate('/');
-    return;
+    mutate('*');
   }, [mutate]);
 
   React.useEffect(() => {

examples/named_params.yaml

@@ -0,0 +1,4 @@
+params: "FOO=foo BAR=bar"
+steps:
+  - name: step1
+    command: echo $FOO-$BAR