Merge pull request #2092 from AbdulWahab3181/add-index-to-node-type-c…

…reation Add Index to node type creation in Ontology
stakwork · Aug 28, 2024 · f521bcc · f521bcc
2 parents 2127b09 + 43d1e94
commit f521bcc
Showing 1 changed file with 25 additions and 2 deletions.
diff --git a/src/components/ModalsContainer/BlueprintModal/Body/Editor/index.tsx b/src/components/ModalsContainer/BlueprintModal/Body/Editor/index.tsx
@@ -1,5 +1,5 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
-import { Button } from '@mui/material'
+import { Button, Grid } from '@mui/material'
 import { useEffect, useMemo, useState } from 'react'
 import { FieldValues, FormProvider, useForm } from 'react-hook-form'
 import { ClipLoader } from 'react-spinners'
@@ -32,6 +32,7 @@ export type FormData = {
   attributes?: {
     [k: string]: string | boolean
   }
+  selectedIndex?: string
 }
 
 type Props = {
@@ -70,7 +71,7 @@ const handleSubmitForm = async (
   mediaOptions: { videoAudio: boolean; image: boolean; sourceLink: boolean },
 ): Promise<string | undefined> => {
   try {
-    const { attributes, ...withoutAttributes } = data
+    const { attributes, selectedIndex, ...withoutAttributes } = data
 
     const updatedAttributes = {
       ...convertAttributes(attributes),
@@ -79,12 +80,14 @@ const handleSubmitForm = async (
 
     const requestData: {
       attributes: { [key: string]: string }
+      index?: string
       media_url?: string
       image_url?: string
       source_link?: string
     } = {
       ...withoutAttributes,
       attributes: updatedAttributes,
+      index: selectedIndex,
     }
 
     if (mediaOptions.videoAudio) {
@@ -476,6 +479,19 @@ export const Editor = ({
               parent={selectedSchema ? selectedSchema.type : parent}
             />
             <MediaOptions setMediaOptions={setMediaOptions} />
+            <Flex>
+              <LineBar />
+              <Flex mb={12} mt={12}>
+                <Text>Indexes</Text>
+              </Flex>
+              <Grid item mb={2} width="70%">
+                <AutoComplete
+                  onSelect={(val) => setValue(`selectedIndex`, val?.value)}
+                  options={attributes.map((attr) => ({ label: attr.key, value: attr.key }))}
+                />
+              </Grid>
+              <LineBar />
+            </Flex>
             <Flex direction="row" justify="space-between" mt={20}>
               {selectedSchema && (
                 <Flex direction="column">
@@ -557,3 +573,10 @@ const StyledError = styled(Flex)`
   margin-top: 12px;
   padding-top: 20px;
 `
+
+const LineBar = styled.div`
+  border: 1px solid ${colors.BG2};
+  width: calc(100% + 32px);
+  opacity: 0.5;
+  margin-left: -16px;
+`