Merge pull request #514 from EarthyScience/jp/conditional-files

File Filter conditionally works on desktop

Author: TheJeran

src/components/ui/MainPanel/LocalNetCDF.tsx

@@ -8,6 +8,7 @@ import {
   AlertDescription,
   AlertTitle,
 } from '@/components/ui/alert';
+import { isMobile } from '../MobileUIHider';
 
 interface LocalNCType {
   setShowLocal: React.Dispatch<React.SetStateAction<boolean>>;
@@ -61,6 +62,7 @@ const LocalNetCDF = ({ setOpenVariables}:LocalNCType) => {
         <Input type="file" id="filepicker"
           className='hover:drop-shadow-md hover:scale-[102%]'
           style={{width:'200px', cursor:'pointer'}}
+          accept={isMobile() ? '' : '.nc,.netcdf,.nc3,.nc4'}
           onChange={handleFileSelect}
         />
         {ncError && (

src/components/ui/MobileUIHider.tsx

@@ -1,7 +1,7 @@
 "use client";
 import { useEffect, useRef } from "react";
 
-const isMobile = () =>
+export const isMobile = () =>
   typeof window !== "undefined" &&
   /Mobi|Android|iPhone|iPad|iPod/i.test(navigator.userAgent);