added xlxs format support

Author: kartikpersistent

frontend/src/components/DataSources/Local/DropZone.tsx

@@ -205,8 +205,32 @@ const DropZone: FunctionComponent = () => {
       <Dropzone
         loadingComponent={isLoading && <Loader title='Uploading' />}
         isTesting={true}
-        className='!bg-none'
-        supportedFilesDescription={'Supports: PDF Files'}
+        className='!bg-none dropzoneContainer'
+        supportedFilesDescription={
+          <Typography variant='body-small'>
+            <Flex>
+              <span>{buttonCaptions.dropzoneSpan}</span>
+              <div className='align-self-center'>
+                <IconButtonWithToolTip
+                  label='Source info'
+                  clean
+                  text={
+                    <Typography variant='body-small'>
+                      <Flex gap='3' alignItems='flex-start'>
+                        <span>Microsoft Office (.docx, .pptx, .xls, .xlsx)</span>
+                        <span>PDF (.pdf)</span>
+                        <span>Images (.jpeg, .jpg, .png, .svg)</span>
+                        <span>Text (.html, .txt , .md)</span>
+                      </Flex>
+                    </Typography>
+                  }
+                >
+                  <InformationCircleIconOutline className='w-[22px] h-[22px]' />
+                </IconButtonWithToolTip>
+              </div>
+            </Flex>
+          </Typography>
+        }
         dropZoneOptions={{
           accept: {
             'application/pdf': ['.pdf'],
@@ -217,6 +241,7 @@ const DropZone: FunctionComponent = () => {
             'application/vnd.ms-powerpoint': ['.pptx'],
             'application/vnd.ms-excel': ['.xls'],
             'text/markdown': ['.md'],
+            'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet':['.xlsx']
           },
           onDrop: (f: Partial<globalThis.File>[]) => {
             onDropHandler(f);

frontend/src/components/DataSources/Local/DropZoneForSmallLayouts.tsx

@@ -141,6 +141,7 @@ export default function DropZoneForSmallLayouts() {
       'application/vnd.ms-powerpoint': ['.pptx'],
       'application/vnd.ms-excel': ['.xls'],
       'text/markdown': ['.md'],
+      'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet':['.xlsx']
     },
     onDrop: (f: Partial<globalThis.File>[]) => {
       onDropHandler(f);