hunk.code_window:         <div className="flex flex-col col-span-1 space-y-2">
             <h3 className="mb-1 text-xs font-bold uppercase ">About</h3>
             <FooterLink link="https://github.com/jamiepine/spacedrive/blob/main/docs/product/credits.md">
               Team
             </FooterLink>
             <FooterLink link="https://github.com/jamiepine/spacedrive/blob/main/docs/product/faq.md">
               FAQ
             </FooterLink>
             <FooterLink link="https://github.com/jamiepine/spacedrive#motivation">Mission</FooterLink>
             <FooterLink link="https://github.com/jamiepine/spacedrive/tree/main/docs/changelog">
               Changelog
             </FooterLink>
  
hunk.labels: keep keep keep replace replace replace replace replace replace replace replace replace keep
hunk.after_edit:           <FooterLink link="/team">Team</FooterLink>
             <FooterLink link="/faq">FAQ</FooterLink>
             <FooterLink link="https://github.com/spacedriveapp/spacedrive#motivation">
               Mission
  
hunk.file_path: apps/landing/src/components/Footer.tsx
hunk.type: replace
file: import { useQuery } from 'react-query';
  import { useState } from 'react';
  import { useFileExplorerState } from './state';
  import { useBridgeCommand, useBridgeQuery } from '../bridge';
  
  // this hook initializes the explorer state and queries the core
  export function useFileExplorer(initialPath = '/', initialLocation: number | null = null) {
    const fileState = useFileExplorerState();
    // file explorer hooks maintain their own local state relative to exploration
    const [path, setPath] = useState(initialPath);
    const [locationId, setLocationId] = useState(initialPath);
  
    //   const { data: volumes } = useQuery(['sys_get_volumes'], () => bridge('sys_get_volumes'));
  
    return { setPath, setLocationId };
  }
  
  // export function useVolumes() {
  //   return useQuery(['SysGetVolumes'], () => bridge('SysGetVolumes'));
  // }
  