Disk listing

src/App.tsx

@@ -1,5 +1,25 @@
 import './App.css'
+import { useEffect, useState } from 'react'
+import { invoke } from '@tauri-apps/api/core'
+
+interface Disk {
+  name: string
+  mount_point: string
+  total_space: number
+  available_space: number
+  is_removable: boolean
+}
 
 export default function App () {
-  return null
+  const [disks, setDisks] = useState<Array<Disk>>([])
+
+  useEffect(() => {
+    ;(async () => {
+      setDisks(await invoke<Array<Disk>>('list_disks'))
+    })()
+  }, [])
+
+  return (
+    <p className='whitespace-break-spaces'>{JSON.stringify(disks, null, 4)}</p>
+  )
 }