From 33839479e269bed905f9eefc374060b9d3ee7e19 Mon Sep 17 00:00:00 2001
From: "Thomas F. K. Jorna" <hello@tefkah.com>
Date: Tue, 5 Oct 2021 12:35:40 +0200
Subject: feat(preview): filesystem basics in place

---
 components/Tweaks/BehaviorPanel.tsx | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

(limited to 'components/Tweaks/BehaviorPanel.tsx')

diff --git a/components/Tweaks/BehaviorPanel.tsx b/components/Tweaks/BehaviorPanel.tsx
index 0c22e1a..27906c5 100644
--- a/components/Tweaks/BehaviorPanel.tsx
+++ b/components/Tweaks/BehaviorPanel.tsx
@@ -10,12 +10,15 @@ import {
   StackDivider,
   VStack,
   Text,
+  Box,
 } from '@chakra-ui/react'
 import React from 'react'
 import { initialBehavior, initialMouse } from '../config'
 import { InfoTooltip } from './InfoTooltip'
 import { SliderWithInfo } from './SliderWithInfo'
 
+import { checkFileSystemCompatibility } from '../../util/checkFileSystemCompatibility'
+
 export interface BehaviorPanelProps {
   behavior: typeof initialBehavior
   setBehavior: any
@@ -163,6 +166,20 @@ export const BehaviorPanel = (props: BehaviorPanelProps) => {
         onChange={(value) => setBehavior({ ...behavior, zoomPadding: value })}
         infoText="How much to zoom out to accomodate all nodes when changing the view."
       />
+
+      <Box>
+        <Button width="100%" isDisabled={!checkFileSystemCompatibility()}>
+          Grant Filesystem Access
+        </Button>
+        {!checkFileSystemCompatibility() && (
+          <Box bg="gray.600" width="100%" padding={5}>
+            <Text>
+              You are not using a browser compatible with the FileSystem Access API. Only Chromium
+              based browsers are currently supported.
+            </Text>
+          </Box>
+        )}
+      </Box>
     </VStack>
   )
 }
-- 
cgit v1.2.3

