Refactor: Replace UA sniffing with feature detection

Author: avinxshKD

src/component/fileBrowser.jsx

@@ -15,7 +15,7 @@ const LocalFileBrowser = ({ superState, dispatcher }) => {
     const [fileState, setFileState] = useState([]);
 
     useEffect(() => {
-        if (navigator.userAgent.indexOf('Edg') !== -1 || navigator.userAgent.indexOf('Chrome') !== -1) {
+        if ('showDirectoryPicker' in window) {
             setDirButton(true);
         }
         dispatcher({ type: T.SET_FILE_REF, payload: fileRef });
@@ -159,7 +159,7 @@ const LocalFileBrowser = ({ superState, dispatcher }) => {
                         webkitdirectory="true"
                     />
                 </label>
-            ) }
+            )}
             {dirButton && (
                 <button
                     type="button"
@@ -204,7 +204,7 @@ const LocalFileBrowser = ({ superState, dispatcher }) => {
             <h4>
                 Folder Name :
                 {' '}
-                {fileState[0] ? fileState[0].key.split('/')[0] : '' }
+                {fileState[0] ? fileState[0].key.split('/')[0] : ''}
             </h4>
             <FileBrowser
                 files={fileState}

src/graph-builder/graph-core/5-load-save.js

@@ -106,7 +106,7 @@ class GraphLoadSave extends GraphUndoRedo {
         const str = graphmlBuilder(this.jsonifyGraph());
         const bytes = new TextEncoder().encode(str);
         const blob = new Blob([bytes], { type: 'application/json;charset=utf-8' });
-        if (navigator.userAgent.indexOf('Edg') !== -1 || navigator.userAgent.indexOf('Chrome') !== -1) {
+        if ('showSaveFilePicker' in window) {
             const options = {
                 types: [
                     {
@@ -140,8 +140,7 @@ class GraphLoadSave extends GraphUndoRedo {
     }
 
     async saveWithoutFileHandle() {
-        const { userAgent } = navigator;
-        if (userAgent.match(/firefox|fxios/i)) {
+        if (!('showSaveFilePicker' in window)) {
             toast.info('Switch to Edge/Chrome!');
             return;
         }