import type { BlitzPage } from "blitz"; import { Head } from "blitz"; import clsx from "clsx"; import { CheckIcon, XIcon, TerminalIcon } from "@heroicons/react/solid"; import Header from "../components/header"; import Footer from "../components/footer"; const Roadmap: BlitzPage = () => { return ( <> Shellphone: Your Personal Cloud Phone

(Rough) Roadmap

    {roadmap.map((feature, index) => { const isDone = feature.status === "done"; const isInProgress = feature.status === "in-progress"; return (
  • {index !== roadmap.length - 1 ? (
    • ); })}
); }; type RoadmapItem = { name: string; doneDate?: unknown; } & ( | { status: "done"; doneDate: Date; } | { status: "in-progress"; } | { status: "to-do"; } ); const roadmap: RoadmapItem[] = [ { name: "Send SMS", status: "done", doneDate: new Date("2021-07-18T15:33:08Z"), }, { name: "Receive SMS", status: "done", doneDate: new Date("2021-08-01T10:54:51Z"), }, { name: "Make a phone call", status: "in-progress", }, { name: "Receive a phone call", status: "to-do", }, { name: "Get notified of incoming messages and calls", status: "to-do", }, { name: "Remove any phone call or message from history", status: "to-do", }, { name: "Allow incoming calls to go to voicemail", status: "to-do", }, { name: "Forward incoming messages and phone calls to your desired phone number", status: "to-do", }, { name: "Import contacts from your mobile phone", status: "to-do", }, { name: "Use Shellphone with multiple phone numbers at once", status: "to-do", }, { name: "Port your phone number to Shellphone - you won't have to deal with Twilio anymore!", status: "to-do", }, { name: "Send delayed messages", status: "to-do", }, { name: "Record phone calls", status: "to-do", }, ]; const formatter = Intl.DateTimeFormat("en-US", { day: "2-digit", month: "short", year: "numeric", }); Roadmap.suppressFirstRenderFlicker = true; export default Roadmap;