fix: accept selection of only .fott files for open local project (#554)

microsoft · Sep 8, 2020 · 193520e · 193520e
1 parent 656de2f
commit 193520e
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/src/react/components/common/filePicker/filePicker.tsx b/src/react/components/common/filePicker/filePicker.tsx
@@ -11,6 +11,7 @@ import { IFileInfo } from "../../../../models/applicationState";
 export interface IFilePickerProps {
     onChange: (sender: SyntheticEvent, fileText: IFileInfo) => void;
     onError: (sender: SyntheticEvent, error: any) => void;
+    accept: string[];
 }
 
 /**
@@ -36,7 +37,7 @@ export default class FilePicker extends React.Component<IFilePickerProps> {
 
     public render() {
         return (
-            <input id={shortid.generate()} ref={this.fileInput} type="file" onChange={this.onFileUploaded} />
+            <input id={shortid.generate()} ref={this.fileInput} type="file" onChange={this.onFileUploaded} accept={this.props.accept.join()}/>
         );
     }
 

diff --git a/src/react/components/pages/homepage/homePage.tsx b/src/react/components/pages/homepage/homePage.tsx
@@ -105,7 +105,9 @@ export default class HomePage extends React.Component<IHomePageProps, IHomePageS
                                 </a>
                                 <FilePicker ref={this.filePicker}
                                     onChange={this.onProjectFileUpload}
-                                    onError={this.onProjectFileUploadError} />
+                                    onError={this.onProjectFileUploadError}
+                                    accept={[".fott"]}
+                                />
                             </li>
                         }
                         <li>