hunk.code_window:     "baseUrl": "./",
       "paths": {
         "@sd/ui": ["../ui/src/index.ts"],
         "@sd/client": ["../client/src/index.ts"]
       }
     },
     "include": ["src", "scripts"]
   }
hunk.labels: keep keep keep replace keep keep keep keep
hunk.after_edit:       "@sd/client": ["../client/src/index.ts"],
         "@sd/core": ["../../core/index.ts"],
  
hunk.file_path: packages/interface/tsconfig.json
hunk.type: replace
file: import React from 'react';
  import { ReactComponent as AppLogo } from '../assets/app-logo.svg';
  import {
    Twitter,
    Discord,
    Instagram,
    Github,
    Opencollective,
    Twitch
  } from '@icons-pack/react-simple-icons';
  
  function FooterLink(props: { children: string; link: string }) {
    return (
      <a href={props.link} target="_blank" className="text-gray-300 hover:text-white">
        {props.children}
      </a>
    );
  }
  
  export function Footer() {
    return (
      <footer id="footer" className="z-50 w-screen pt-3 border-t border-gray-550 bg-gray-850">
        <div className="container grid grid-cols-2 gap-6 p-8 pt-10 pb-20 m-auto text-white min-h-64 sm:grid-cols-2 lg:grid-cols-6">
          <div className="col-span-2">
            <AppLogo className="w-10 h-10 mb-5" />
  
            <h3 className="mb-1 text-xl font-bold">Spacedrive</h3>
            <p className="text-sm text-gray-350">&copy; Copyright 2022 Jamie Pine</p>
            <div className="flex flex-row mt-6 mb-10 space-x-3">
              <a href="https://twitter.com/spacedriveapp" target="_blank">
                <Twitter />
              </a>
              <a href="https://discord.gg/gTaF2Z44f5" target="_blank">
                <Discord />
              </a>
              <a href="https://instagram.com/spacedriveapp" target="_blank">
                <Instagram />
              </a>
              <a href="https://github.com/spacedriveapp" target="_blank">
                <Github />
              </a>
              <a href="https://opencollective.com/spacedrive" target="_blank">
                <Opencollective />
              </a>
              <a href="https://twitch.tv/jamiepinelive" target="_blank">
                <Twitch />
              </a>
            </div>
          </div>
  
          <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>
            <div className="opacity-50 pointer-events-none">
              <FooterLink link="#">Blog</FooterLink>
            </div>
          </div>
          <div className="flex flex-col col-span-1 space-y-2 pointer-events-none">
            <h3 className="mb-1 text-xs font-bold uppercase">Downloads</h3>
            <div className="flex flex-col col-span-1 space-y-2 opacity-50">
              <FooterLink link="#">macOS</FooterLink>
              <FooterLink link="#">Windows</FooterLink>
              <FooterLink link="#">Linux</FooterLink>
            </div>
          </div>
          <div className="flex flex-col col-span-1 space-y-2">
            <h3 className="mb-1 text-xs font-bold uppercase ">Developers</h3>
            <FooterLink link="https://github.com/jamiepine/spacedrive/tree/main/docs">
              Documentation
            </FooterLink>
            <FooterLink link="https://github.com/jamiepine/spacedrive/tree/main/docs/developer/contributing.md">
              Contribute
            </FooterLink>
            <div className="opacity-50 pointer-events-none">
              <FooterLink link="#">Extensions</FooterLink>
            </div>
            <div className="opacity-50 pointer-events-none">
              <FooterLink link="#">Self Host</FooterLink>
            </div>
          </div>
          <div className="flex flex-col col-span-1 space-y-2">
            <h3 className="mb-1 text-xs font-bold uppercase ">Org</h3>
            <FooterLink link="https://opencollective.com/spacedrive">Open Collective</FooterLink>
            <FooterLink link="https://github.com/jamiepine/spacedrive/blob/main/LICENSE">
              License
            </FooterLink>
            <div className="opacity-50 pointer-events-none">
              <FooterLink link="#">Privacy</FooterLink>
            </div>
            <div className="opacity-50 pointer-events-none">
              <FooterLink link="#">Terms</FooterLink>
            </div>
          </div>
        </div>
      </footer>
    );
  }
  