From a7e12a841d06ea83ed535d660406efbeed6a8319 Mon Sep 17 00:00:00 2001
From: Yash Joshi <jyash97@gmail.com>
Date: Sun, 7 Nov 2021 23:09:51 +0530
Subject: [PATCH] fix(devtools): accept json file in import fileinput

---
 .../src/devtools/views/Profiler/ProfilingImportExportButtons.js  | 1 +
 packages/react-devtools-timeline/src/ImportButton.js             | 1 +
 2 files changed, 2 insertions(+)

diff --git a/packages/react-devtools-shared/src/devtools/views/Profiler/ProfilingImportExportButtons.js b/packages/react-devtools-shared/src/devtools/views/Profiler/ProfilingImportExportButtons.js
index 574da0639e9..5b53e04410d 100644
--- a/packages/react-devtools-shared/src/devtools/views/Profiler/ProfilingImportExportButtons.js
+++ b/packages/react-devtools-shared/src/devtools/views/Profiler/ProfilingImportExportButtons.js
@@ -122,6 +122,7 @@ export default function ProfilingImportExportButtons() {
         ref={inputRef}
         className={styles.Input}
         type="file"
+        accept=".json"
         onChange={
           selectedTabID === 'timeline'
             ? importTimelineDataWrapper
diff --git a/packages/react-devtools-timeline/src/ImportButton.js b/packages/react-devtools-timeline/src/ImportButton.js
index 6f018bf3093..12eb6623fbe 100644
--- a/packages/react-devtools-timeline/src/ImportButton.js
+++ b/packages/react-devtools-timeline/src/ImportButton.js
@@ -46,6 +46,7 @@ export default function ImportButton({children = null, onFileSelect}: Props) {
         ref={inputRef}
         className={styles.Input}
         type="file"
+        accept=".json"
         onChange={handleFiles}
         tabIndex={-1}
       />