fix(web): fix add index bug (#1626)

labring · Oct 31, 2023 · 525a063 · 525a063
1 parent 537225e
commit 525a063
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 15 deletions.
diff --git a/web/src/pages/app/database/mods/AddIndexModal/index.tsx b/web/src/pages/app/database/mods/AddIndexModal/index.tsx
@@ -53,7 +53,7 @@ const AddIndexModal = (props: { children: React.ReactElement }) => {
   const createIndexMutation = useCreateIndexMutation();
   const [showAdvancedOptions, setShowAdvancedOptions] = useState(false);
 
-  const { register, control, handleSubmit } = useForm<FormData>({
+  const { register, control, handleSubmit, reset } = useForm<FormData>({
     defaultValues: {
       name: "",
       capped: false,
@@ -85,7 +85,7 @@ const AddIndexModal = (props: { children: React.ReactElement }) => {
   const onSubmit: SubmitHandler<FormData> = useCallback(
     async (value) => {
       const keys = value.keys.reduce<Record<string, number | string>>((acc, cur) => {
-        acc[cur.name] = cur.type;
+        acc[cur.name] = Number(cur.type) || cur.type;
         return acc;
       }, {});
 
@@ -118,6 +118,7 @@ const AddIndexModal = (props: { children: React.ReactElement }) => {
     <>
       {React.cloneElement(children, {
         onClick: () => {
+          reset();
           onOpen();
         },
       })}

diff --git a/web/src/pages/app/database/mods/IndexModal/index.tsx b/web/src/pages/app/database/mods/IndexModal/index.tsx
@@ -115,16 +115,14 @@ const IndexModal = (props: { children: React.ReactElement }) => {
                         </HStack>
                       </Td>
                       <Td>
-                        <Center>
-                          <PopConfirm
-                            onConfirm={() => dropIndexMutation.mutateAsync(v.name)}
-                            title={String(t("Delete"))}
-                            placement="left"
-                            description={t("CollectionPanel.ConfirmDeleteIndex")}
-                          >
-                            <CloseButton fontSize={10} />
-                          </PopConfirm>
-                        </Center>
+                        <PopConfirm
+                          onConfirm={() => dropIndexMutation.mutateAsync(v.name)}
+                          title={String(t("Delete"))}
+                          placement="left"
+                          description={t("CollectionPanel.ConfirmDeleteIndex")}
+                        >
+                          <CloseButton fontSize={10} />
+                        </PopConfirm>
                       </Td>
                     </Tr>
                   ))}

diff --git a/web/src/pages/app/database/service.ts b/web/src/pages/app/database/service.ts
@@ -366,9 +366,7 @@ export const useCreateIndexMutation = (config?: { onSuccess: (data: any) => void
 
   return useMutation(
     async (values: any) => {
-      const result = await db
-        .collection(currentDB?.name!)
-        .createIndex(values.fields, values.options);
+      const result = await db.collection(currentDB?.name!).createIndex(values.keys, values.options);
       return result;
     },
     {