-
- );
-}
diff --git a/app.old/src/app/(pages)/account/loading.tsx b/app.old/src/app/(pages)/account/loading.tsx
deleted file mode 100644
index cd0008b..0000000
--- a/app.old/src/app/(pages)/account/loading.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-export default function Loading() {
- return (
- <>
- Add balance
- - {true && ( - - )} -
-
-
-
-
- );
-}
diff --git a/app.old/src/app/(pages)/account/page.tsx b/app.old/src/app/(pages)/account/page.tsx
deleted file mode 100644
index 74f2552..0000000
--- a/app.old/src/app/(pages)/account/page.tsx
+++ /dev/null
@@ -1,62 +0,0 @@
-"use client";
-
-import { getSubscriptionBalance } from "@/app/_lib/api";
-import { useQuery } from "@tanstack/react-query";
-import Loading from "./loading";
-import Link from "next/link";
-import { prettyPrintByteCount } from "@/app/_lib/utils";
-
-export default function Page() {
- const { isPending, data: result } = useQuery({
- queryKey: ["subscription", "balance"],
- queryFn: async () => await getSubscriptionBalance(),
- });
-
- const currentSubscription = result?.current_subscription;
- const wallet = result?.wallet_info;
-
- return (
- <>
-
-
-
- );
-}
diff --git a/app.old/src/app/(pages)/components/Sidebar.tsx b/app.old/src/app/(pages)/components/Sidebar.tsx
deleted file mode 100644
index 9146aa1..0000000
--- a/app.old/src/app/(pages)/components/Sidebar.tsx
+++ /dev/null
@@ -1,284 +0,0 @@
-"use client";
-
-import Link from "next/link";
-import { Bars3Icon, XMarkIcon } from "@heroicons/react/24/outline";
-import { redirect, usePathname } from "next/navigation";
-import { Fragment, useEffect, useState } from "react";
-import { Dialog, Transition } from "@headlessui/react";
-import { useQuery } from "@tanstack/react-query";
-import {
- getJwt,
- getLoginUrl,
- getSubscriptionBalance,
- removeJwt,
-} from "@/app/_lib/api";
-import { classNames, prettyPrintByteCount } from "@/app/_lib/utils";
-
-const navigation = [
- {
- name: "Devices",
- href: "/devices",
- icon: "/devices_icon.svg",
- bg_color: "bg-[#2B3A82] hover:bg-[#2E3E9F]",
- },
- {
- name: "Provide",
- href: "/provide",
- icon: "/provide_icon.svg",
- bg_color: "bg-[#1E644E] hover:bg-[#24775B]",
- },
- {
- name: "Account",
- href: "/account",
- icon: "/account_icon.svg",
- bg_color: "bg-[#5A4E53] hover:bg-[#73636A]",
- },
-];
-
-// Copied from web/bringyour.com/client.js
-// see https://stackoverflow.com/questions/38552003/how-to-decode-jwt-token-in-javascript-without-using-a-library
-function parseJwt(jwt: string) {
- var base64Url = jwt.split(".")[1];
- var base64 = base64Url.replace(/-/g, "+").replace(/_/g, "/");
- var jsonPayload = decodeURIComponent(
- window
- .atob(base64)
- .split("")
- .map(function (c) {
- return "%" + ("00" + c.charCodeAt(0).toString(16)).slice(-2);
- })
- .join("")
- );
-
- return JSON.parse(jsonPayload);
-}
-
-function SidebarContent() {
- const [networkName, setNetworkName] = useState
-
-
- {isPending && Account
-
-
- )}
-
-
-
-
-
- Subscriptions
- - - - -- Transfer balance:{" "} - {prettyPrintByteCount(result?.balance_byte_count!)} -
- {!currentSubscription &&No current subscriptions found
} - {currentSubscription &&{currentSubscription.plan}
} -
-
- Wallet
- {!wallet &&No wallet found
} - {wallet && ( - <> -- Balance:{" "} - {wallet.balance_usdc_nano_cents / 1_000_000_000} USDC -
- - )} -
-
- );
-}
-
-export default function Sidebar() {
- const pathname = usePathname().split("?")[0];
- const [sidebarOpen, setSidebarOpen] = useState(false);
-
- return (
- <>
- {/* Modal popup menu for mobile */}
-
- 
-
-
-
-
- {networkName &&
-
- {networkName}
} - { - !networkName && ( - - ) /* Stops subsequent content from jumping up and down */ - } -
- {isPending && (
-
- )}
-
- {!isPending && (
- <>
-
-
- - {prettyPrintByteCount( - subscriptionBalanceResult?.balance_byte_count! - )} -
- -- add balance -
- - - )} -
- {isPending && (
-
- )}
-
- {!isPending && (
- <>
-
-
- - {( - wallet && wallet.balance_usdc_nano_cents / 1_000_000_000 - )?.toPrecision(3) || "-"}{" "} - USDC -
- {!wallet && ( -- No wallet found -
- )} - {wallet && ( -- earn by providing -
- )} - - )} -
-
-
-
-
- - Manage your network -
- -
- signOut()}>
- Sign out
-
-
- - - Terms - - | - - Privacy - - | - - VDP - -
-Copyright 2024 BringYour, Inc.
-
-
-
-
-
-
- {/* Desktop sidebar */}
-
-
- {/* Collapsed mobile sidebar */}
-
- BringYour
-
-
-
- );
-
- const PendingState = () => (
- Sorry, something went wrong
-
-
- );
-
- const SuccessState = () => (
-
- );
-
- return (
- <>
- {isError && {`Waiting for ${codeType} confirmation`}
-- You may leave this page. The device will show as pending in your devices - list until it is confirmed. -
-
-
-
- );
-}
diff --git a/app.old/src/app/(pages)/devices/components/DeviceDetail.tsx b/app.old/src/app/(pages)/devices/components/DeviceDetail.tsx
deleted file mode 100644
index 5d290dd..0000000
--- a/app.old/src/app/(pages)/devices/components/DeviceDetail.tsx
+++ /dev/null
@@ -1,325 +0,0 @@
-"use client";
-
-import {
- getDeviceAssociations,
- getNetworkClients,
- postDeviceConfirmShare,
- postDeviceCreateShareCode,
- postDeviceRemoveAssociation,
- postRemoveNetworkClient,
-} from "@/app/_lib/api";
-import { Breadcrumbs } from "@/app/_lib/components/Breadcrumbs";
-import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
-import Loading from "../loading";
-import Button from "@/app/_lib/components/Button";
-import { useState } from "react";
-import { ConfirmDeleteModal } from "@/app/_lib/components/ConfirmDeleteModal";
-import { redirect, useRouter } from "next/navigation";
-import ShareDeviceDialog from "./ShareDeviceDialog";
-
-type DeviceDetailProps = {
- clientId: string;
-};
-
-export default function DeviceDetail({ clientId }: DeviceDetailProps) {
- const queryClient = useQueryClient();
- const router = useRouter();
-
- const [networkToRemove, setNetworkToRemove] = useState<{
- code: string;
- network_name?: string;
- }>();
- const [showDeleteDeviceModal, setShowDeleteDeviceModal] = useState(false);
- const [showShareDeviceModal, setShowShareDeviceModal] = useState(false);
-
- const { isPending: isClientsPending, data: clients } = useQuery({
- queryKey: ["network", "clients"],
- queryFn: async () => (await getNetworkClients()).clients,
- });
-
- const { isPending: isAssociationsPending, data: associations } = useQuery({
- queryKey: ["device", "associations"],
- queryFn: getDeviceAssociations,
- });
-
- const outgoingSharedDevices = associations?.outgoing_shared_devices;
- const client = clients?.filter((client) => client.client_id == clientId)[0];
-
- if (!isClientsPending && !client) {
- return (
- Add a new device
- - {isError && ( -
-
- )}
-
- {deviceAddResult && !deviceAddResult.error && (
- Sorry, something went wrong...
-
-
- );
- }
-
- const getOutgoingNetworks = (clientId: string) => {
- return outgoingSharedDevices?.filter(
- (device) => device.client_id == clientId
- );
- };
-
- const {
- data: shareCodeResult,
- mutateAsync: mutateDeviceCreateShareCodeAsync,
- } = useMutation({
- mutationKey: ["device", "create", "share", "code", clientId],
- mutationFn: async () => {
- return await postDeviceCreateShareCode({
- client_id: clientId,
- device_name: clientId, // Todo(awais): There must be a better device name?
- });
- },
- onSettled: (data) =>
- queryClient.invalidateQueries({ queryKey: ["device", "associations"] }),
- });
-
- const { mutateAsync: mutateConfirmShareAsync } = useMutation({
- mutationKey: ["device", "confirm", "share"],
- mutationFn: async ({
- code,
- associated_network_name,
- }: {
- code: string;
- associated_network_name: string | null;
- }) =>
- await postDeviceConfirmShare({
- share_code: code,
- associated_network_name,
- }),
- onSettled: (data) =>
- queryClient.invalidateQueries({ queryKey: ["device", "associations"] }),
- });
-
- const { mutateAsync: mutateRemoveAssociationAsync } = useMutation({
- mutationKey: ["device", "remove", "association"],
- mutationFn: async (code: string) =>
- await postDeviceRemoveAssociation({ code }),
- onSettled: (data) =>
- queryClient.invalidateQueries({ queryKey: ["device", "associations"] }),
- });
-
- const { mutateAsync: mutateRemoveNetworkClientAsync } = useMutation({
- mutationKey: ["remove", "network", "client"],
- mutationFn: async (clientId: string) =>
- await postRemoveNetworkClient({ client_id: clientId }),
- onSettled: () =>
- queryClient.invalidateQueries({ queryKey: ["network", "clients"] }),
- });
-
- const handleConfirmShare = async (
- code: string,
- associated_network_name: string
- ) => {
- await mutateConfirmShareAsync({
- code: code,
- associated_network_name: associated_network_name,
- });
- };
-
- const handleShareDevice = async (
- event: React.MouseEvent
-
- {clientId}
-No device found.
-- Are you sure you want to stop sharing with{" "} - {networkToRemove.network_name}? -
-You won't be able to undo this action.
-- Are you sure you want to delete{" "} - {clientId}? -
-You won't be able to undo this action.
-
-
-
- );
-}
diff --git a/app.old/src/app/(pages)/devices/components/DeviceList.tsx b/app.old/src/app/(pages)/devices/components/DeviceList.tsx
deleted file mode 100644
index ae902c8..0000000
--- a/app.old/src/app/(pages)/devices/components/DeviceList.tsx
+++ /dev/null
@@ -1,254 +0,0 @@
-"use client";
-
-import { DevicePhoneMobileIcon } from "@heroicons/react/24/outline";
-import { PlusIcon } from "@heroicons/react/24/solid";
-import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
-import Loading from "../loading";
-import {
- getDeviceAssociations,
- getNetworkClients,
- postDeviceRemoveAssociation,
-} from "@lib/api";
-import Link from "next/link";
-import { useState } from "react";
-import { ConfirmDeleteModal } from "@/app/_lib/components/ConfirmDeleteModal";
-
-const PAGE_SIZE = 3;
-
-export default function DeviceList() {
- const queryClient = useQueryClient();
-
- const [deviceToRemove, setDeviceToRemove] = useState<{
- code: string;
- client_id: string;
- }>();
- const [numItemsToShow, setNumItemsToShow] = useState(PAGE_SIZE);
-
- const { isPending: isClientsPending, data: clients } = useQuery({
- queryKey: ["network", "clients"],
- queryFn: async () => (await getNetworkClients()).clients,
- });
-
- const { isPending: isAssociationsPending, data: associations } = useQuery({
- queryKey: ["device", "associations"],
- queryFn: getDeviceAssociations,
- });
-
- const pendingAdoptionDevices = associations?.pending_adoption_devices;
- const incomingSharedDevices = associations?.incoming_shared_devices;
- const outgoingSharedDevices = associations?.outgoing_shared_devices;
-
- const isPending = isClientsPending || isAssociationsPending;
-
- const numItems = () => {
- return (clients?.length || 0) + (pendingAdoptionDevices?.length || 0);
- };
-
- /**
- * The number of networks this device is shared with
- */
- const getNumOutgoingNetworks = (clientId: string) => {
- const networks = outgoingSharedDevices?.filter(
- (device) => device.client_id == clientId && !!device.network_name
- );
- const numNetworks = networks?.length || 0;
-
- if (numNetworks == 1) {
- return "1 network";
- }
-
- return `${numNetworks} networks`;
- };
-
- const {
- data: removeAssociationResult,
- mutateAsync: mutateRemoveAssociationAsync,
- } = useMutation({
- mutationKey: ["device", "remove", "association"],
- mutationFn: async (code: string) =>
- await postDeviceRemoveAssociation({ code }),
- onSettled: (data) =>
- queryClient.invalidateQueries({ queryKey: ["device", "associations"] }),
- });
-
- const handleRemoveAssociation = async (code: string) => {
- await mutateRemoveAssociationAsync(code);
- };
-
- return (
- <>
- {deviceToRemove && (
-
-
- {clientId}
- {isClientsPending && ( - - )} - {!isClientsPending && client && ( -{client.description}
- )} -
-
-
- {(isClientsPending || isAssociationsPending) && Shared with
- - -
-
- )}
-
- {(getOutgoingNetworks(clientId)?.length || 0) > 0 && (
- Not shared with any networks
-
- {getOutgoingNetworks(clientId)?.map((network) => (
-
- )}
-
-
- {network.pending && !network.network_name && (
- <>
-
- ))}
- - Code generated:{" "} - {network.code} -
- -
-
-
-
- )}
-
- {network.pending && network.network_name && (
- <>
- - Shared with {network.network_name}{" "} - {network.pending && "(awaiting confirmation)"} -
- - -
-
-
-
-
- )}
- {!network.pending && (
- <>
- - Shared with {network.network_name}{" "} - {network.pending && "(awaiting confirmation)"} -
- - -
-
-
-
- )}
-
-
-
-
- )}
- - Are you sure you want to remove device{" "} - {deviceToRemove.client_id}? -
-You won't be able to undo this action.
-
-
-
- );
-}
diff --git a/app.old/src/app/(pages)/devices/components/PollShare.tsx b/app.old/src/app/(pages)/devices/components/PollShare.tsx
deleted file mode 100644
index b669ac0..0000000
--- a/app.old/src/app/(pages)/devices/components/PollShare.tsx
+++ /dev/null
@@ -1,158 +0,0 @@
-/**
- * Function to poll an endpoint every 2 seconds
- *
- * Todo(Awais): This component can probably be merged with Poll.tsx. Not doing
- * that now since it's only used in two places, but another polling use case
- * would warrant factoring out the common code.
- */
-
-import {
- postDeviceConfirmShare,
- postDeviceRemoveAssociation,
- postDeviceShareStatus,
-} from "@/app/_lib/api";
-import Button from "@/app/_lib/components/Button";
-import PulseLoader from "@/app/_lib/components/LoadingSpinner";
-import { CheckBadgeIcon } from "@heroicons/react/24/solid";
-import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
-import { useState } from "react";
-
-const POLLING_INTERVAL = 2000; // milliseconds
-
-type PollShareProps = {
- code: string;
- setIsModalOpen: (value: boolean) => void;
-};
-
-export default function PollShare({ code, setIsModalOpen }: PollShareProps) {
- const queryClient = useQueryClient();
- const [isPolling, setIsPolling] = useState
-
-
- {isPending && Your Devices
- - - -
- {clients?.length == 0 && (
-
-
- )}
-
- No devices found
- )}
-
- {clients?.slice(0, numItemsToShow)?.map((client) => {
- return (
-
-
-
-
- );
- })}
-
- {pendingAdoptionDevices
- ?.slice(0, numItemsToShow - (clients?.length || 0))
- ?.map((device) => {
- return (
-
-
-
- {/* Outoing shared devices */}
-
-
-
-
-
-
-
- - {client.client_id} -
-- {client.description} -
-
-
- - Shared with - {getNumOutgoingNetworks(client.client_id)} -
-
-
- );
- })}
-
- {PAGE_SIZE < numItems() && numItemsToShow < numItems() && (
-
-
-
-
-
-
-
- - {device.client_id} -
-
-
-
-
-
- Waiting for confirmation
- setNumItemsToShow(999)}
- >
-
- )}
-
- {PAGE_SIZE < numItems() && numItemsToShow > numItems() && (
- Show more
- setNumItemsToShow(PAGE_SIZE)}
- >
-
- )}
- Show less
-Devices shared with you
- {isAssociationsPending &&
- {!incomingSharedDevices ||
- (incomingSharedDevices.length == 0 && (
-
- )}
- No shared devices found
- ))} - {incomingSharedDevices?.map((device) => ( -
-
- ))}
-
-
-
-
-
-
-
- - {device.client_id} -
-
-
-
-
- {device.pending && (
-
- Waiting for confirmation from {device.network_name}
- )} - {!device.pending &&Shared by {device.network_name}
} -
-
- );
-
- const PendingState = () => (
- Sorry, something went wrong
-
-
- );
-
- const AwaitConfirmationState = () => (
- - Waiting for code to be shared... -
-
-
-
-
- );
-
- const ConfirmedState = () => {
- return (
-
-
- );
- };
-
- return (
- <>
- {isError && Success!
-- Your device is now shared with{" "} - {confirmShareResult?.associated_network_name} -
-
-
-
-
-
- );
-}
diff --git a/app.old/src/app/(pages)/devices/page.tsx b/app.old/src/app/(pages)/devices/page.tsx
deleted file mode 100644
index 3850b62..0000000
--- a/app.old/src/app/(pages)/devices/page.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-"use client";
-
-import { useSearchParams } from "next/navigation";
-import DeviceDetail from "./components/DeviceDetail";
-import DeviceList from "./components/DeviceList";
-
-export default function Page() {
- // This is somewhat of a hack. NextJS static sites don't like dynamic URLS so instead of
- // /devices/[client_id] we use the route /devices?client_id=[client_id] to show the client
- // detail page
- const queryParams = useSearchParams();
- const clientId = queryParams.get("client_id");
-
- if (clientId) {
- return
-
-
-
-
- );
-}
diff --git a/app.old/src/app/(pages)/ffdevices/page.tsx b/app.old/src/app/(pages)/ffdevices/page.tsx
deleted file mode 100644
index cc55d8f..0000000
--- a/app.old/src/app/(pages)/ffdevices/page.tsx
+++ /dev/null
@@ -1,77 +0,0 @@
-"use client";
-
-import { DevicePhoneMobileIcon } from "@heroicons/react/24/outline";
-import { useQuery } from "@tanstack/react-query";
-import Loading from "./loading";
-import { getNetworkClients } from "@lib/api";
-
-export default function Page() {
- const { isPending, data: clients } = useQuery({
- queryKey: ["network", "ffclients"],
- queryFn: async () => {
- const allClients = (await getNetworkClients()).clients;
- return allClients.filter((client) => client.provide_mode == 2);
- },
- });
-
- return (
- <>
-
-
-
- );
-}
diff --git a/app.old/src/app/(pages)/layout.tsx b/app.old/src/app/(pages)/layout.tsx
deleted file mode 100644
index d983331..0000000
--- a/app.old/src/app/(pages)/layout.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-"use client";
-
-import Sidebar from "./components/Sidebar";
-
-export default function RootLayout({
- children,
-}: {
- children: React.ReactNode;
-}) {
- return (
- <>
-
-
-
- {isPending && Friends and Family Devices
-
- {clients?.length == 0 && (
-
-
- )}
- No devices found
- )}
-
- {clients?.map((client) => {
- return (
-
-
- );
- })}
-
-
-
-
-
-
- - {client.client_id} -
-- {client.description} -
-
- {client.connections && client.connections.length > 0 && (
- <>
-
-
- Connected
-
- )}
- {!client.connections && (
- <>
-
-
- Disconnected
-
-
- )}
-
- {Array(NUM_DAYS)
- .fill(0)
- .map(() => (
-
- ))}
-
- );
- }
-
- const max = maxValue || Math.max(...data.map((entry) => Number(entry.value)));
-
- const calculateColor = (value: number) => {
- const normedValue = value / max;
- const maxLightness = 0.4; // lightness for the largest value
- const minLightness = 0.9; // lightness for the smallest value
- const lightnessPercentage =
- 100 * (normedValue * (maxLightness - minLightness) + minLightness);
-
- return `hsl(225, 70%, ${lightnessPercentage}%)`;
- };
-
- return (
-
- {data.map((entry) => (
-
- );
-}
diff --git a/app.old/src/app/(pages)/provide/components/Chart.tsx b/app.old/src/app/(pages)/provide/components/Chart.tsx
deleted file mode 100644
index dc94f46..0000000
--- a/app.old/src/app/(pages)/provide/components/Chart.tsx
+++ /dev/null
@@ -1,174 +0,0 @@
-import {
- ResponsiveContainer,
- XAxis,
- BarChart as ReBarChart,
- AreaChart,
- Area,
- Bar,
- Tooltip,
- TooltipProps,
-} from "recharts";
-import {
- ValueType,
- NameType,
-} from "recharts/types/component/DefaultTooltipContent";
-import moment from "moment";
-import { Dispatch, SetStateAction, useState } from "react";
-import { Timeseries } from "@/app/_lib/types";
-import { formatTimeseriesData } from "@/app/_lib/utils";
-
-type BarChartProps = {
- name: string;
- pre_unit?: string;
- unit?: string;
- data: Timeseries;
- syncId?: string;
- tooltipStyle?: "normal" | "simple";
- showTooltip?: boolean;
- setShowTooltip?: Dispatch setTooltipEntry(entry)}
- onMouseLeave={() => setTooltipEntry(undefined)}
- >
- {tooltipEntry && tooltipEntry.date === entry.date && (
-
- ))}
-
-
- )}
-
-
- {moment(tooltipEntry.date).format("YYYY-MM-DD")}
-- Data:{" "} - {typeof tooltipEntry.value == "number" - ? tooltipEntry.value.toPrecision(4) - : tooltipEntry.value}{" "} - GiB -
-
-
- );
- }
- };
-
- const SimpleTooltip = ({
- active,
- payload,
- label,
- }: TooltipProps
-
- {label}
-
-
- - {name} - - - {pre_unit} - {typeof payload[0].value == "number" - ? payload[0].value.toPrecision(4) - : payload[0].value} - {" "} - {unit} -
-
-
- );
- }
- };
-
- return (
- <>
-
-
- {label}
-
-
- - {name} - - - {pre_unit} - {typeof payload[0].value == "number" - ? payload[0].value.toPrecision(4) - : payload[0].value} - {" "} - {unit} -
-
-
-
- setSelectedProvider(null)}
- />
-
-
- {isPending && (
- <>
-
-
- )}
-
- {!isPending && provider && (
-
- {/* Title (device name) */}
-
-
-
-
-
-
-
-
- {/* Charts tab */}
-
-
-
- {/* Connections tab */}
-
- {/* Connections table */}
-
-
-
-
- )}
-
-
- {/* Tab bar */}
-
- - {selectedProvider?.client_id} -
-- Created on {provider?.created_time} -
-
-
- Charts
-
-
- Connections
-
- {/* Uptime graphic */}
-
-
-
- {/* Charts */}
- - Uptime (past 24 hours) -
-
-
-
-
- - Past 90 days -
-
- {charts.map((chart) => (
-
-
- {/* */}
- {/* */}
-
- ))}
-
- {chart.name}
-
-
-
-
-
- {provider.client_details?.length == 0 && (
-
-
- - Connected devices -
-| - No devices found - | -|
| - {client.client_id} - | -
- |
-
-
-
-
-
-
- );
-}
diff --git a/app.old/src/app/(pages)/provide/components/UptimeWidget.tsx b/app.old/src/app/(pages)/provide/components/UptimeWidget.tsx
deleted file mode 100644
index c316d3a..0000000
--- a/app.old/src/app/(pages)/provide/components/UptimeWidget.tsx
+++ /dev/null
@@ -1,153 +0,0 @@
-import { zip } from "@/app/_lib/utils";
-import moment from "moment";
-import { useEffect, useRef, useState } from "react";
-
-type UptimeWidgetProps = {
- data: {
- event_time: string;
- connected: boolean;
- }[];
-};
-
-type UptimeSegment = {
- start_string: string;
- end_string: string;
- start_date: number;
- end_date: number;
- connected: boolean;
-};
-
-export default function UptimeWidget({ data }: UptimeWidgetProps) {
- // Scale factor to convert between dates, and pixel widths
- const [scaleFactor, setScaleFactor] = useState| - | - | - Data transferred - | -- Income - | -- Uptime - | -- Search interest - | -
|---|---|---|---|---|---|
| - {provider.client_id} - | -
-
- {isNetworkDevicesPending && (
- <>
-
-
- )}
-
- {!isNetworkDevicesPending && (
- <>
-
- - {getNumConnections(provider.client_id)} - connections - - - )} - |
- - {provider.transfer_data_last_24h.toPrecision(4)}{" "} - GiB - | -- ${provider.payout_last_24h.toPrecision(4)} - | -
-
-
- |
- - {provider.search_interest_last_24h} - | -
setShowNullTooltip(true)}
- onMouseLeave={() => setShowNullTooltip(false)}
- >
-
- );
- }
-
- const showTooltip = (segment: UptimeSegment) => {
- setTooltipSegment(segment);
- };
- const hideTooltip = () => {
- setTooltipSegment(undefined);
- };
-
- return (
-
-
-
-
- No uptime data found.
-
- {tooltipSegment && scaleFactor && (
-
- );
-}
diff --git a/app.old/src/app/(pages)/provide/loading.tsx b/app.old/src/app/(pages)/provide/loading.tsx
deleted file mode 100644
index 6df12d1..0000000
--- a/app.old/src/app/(pages)/provide/loading.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-export default function Loading() {
- return (
- <>
-
- {tooltipSegment && (
-
- )}
-
-
-
- )}
- - {moment(tooltipSegment.start_string).format("YYYY-MM-DD H:mm")} - {" - "} - {moment(tooltipSegment.end_string).format("H:mm")} -
- {tooltipSegment.connected && ( -- Connected for{" "} - {moment(tooltipSegment.end_string).diff( - moment(tooltipSegment.start_string), - "minutes" - )}{" "} - minutes. -
- )} - {!tooltipSegment.connected && ( -- Disconnected for{" "} - {moment(tooltipSegment.end_string).diff( - moment(tooltipSegment.start_string), - "minutes" - )}{" "} - minutes. -
- )} -
-
-
- );
-}
diff --git a/app.old/src/app/(pages)/provide/page.tsx b/app.old/src/app/(pages)/provide/page.tsx
deleted file mode 100644
index 1df8a43..0000000
--- a/app.old/src/app/(pages)/provide/page.tsx
+++ /dev/null
@@ -1,191 +0,0 @@
-"use client";
-
-import { useQuery } from "@tanstack/react-query";
-import Loading from "./loading";
-import { getStatsProviders, getStatsProvidersOverviewLast90 } from "@lib/api";
-import { useState } from "react";
-import { ChevronDownIcon } from "@heroicons/react/20/solid";
-import { Listbox } from "@headlessui/react";
-import { BarChart, PlainAreaChart } from "./components/Chart";
-import DevicesTable from "./components/DevicesTable";
-import { debug } from "console";
-
-type HeaderItem = {
- name: string;
- key: string;
- pre_unit?: string;
- unit?: string;
- helpText?: string;
-};
-
-const headerItems: Array
-
-
- {Array(5)
- .fill(0)
- .map((item, index) => (
-
- ))}
-
-
-
-
-
- );
-}
diff --git a/app.old/src/app/_lib/api.ts b/app.old/src/app/_lib/api.ts
deleted file mode 100644
index 94c6356..0000000
--- a/app.old/src/app/_lib/api.ts
+++ /dev/null
@@ -1,241 +0,0 @@
-/**
- * All code that makes calls to the BringYour API lives in this file.
- */
-
-import { redirect } from "next/navigation";
-import {
- AuthCodeLoginResult,
- DeviceAddResult,
- DeviceAdoptStatusResult,
- DeviceAssociationsResult,
- DeviceConfirmShareResult,
- DeviceCreateShareCodeResult,
- DeviceRemoveAssociationResult,
- DeviceSetProvideResult,
- DeviceShareStatusResult,
- NetworkClientsResult,
- RemoveNetworkClientResult,
- StatsProviderLast90,
- StatsProviders,
- StatsProvidersOverviewLast90Result,
- SubscriptionBalanceResult,
- SubscriptionCheckBalanceCodeResult,
- SubscriptionRedeemBalanceCodeResult,
-} from "./types";
-
-const API_URL = process.env.NEXT_PUBLIC_API_URL || "https://api.bringyour.com/";
-export const LOGIN_URL = "https://bringyour.com?auth";
-
-export function getLoginUrl() {
- if (!window || !window.location) {
- return LOGIN_URL;
- }
-
- const encodedRedirectUri = encodeURI(window.location.href);
- return `${LOGIN_URL}&redirect-uri-after-auth=${encodedRedirectUri}`;
-}
-
-export function getJwt() {
- if (typeof localStorage == "undefined") {
- return null;
- }
- return localStorage.getItem("byJwt");
-}
-
-export function removeJwt() {
- if (typeof localStorage == "undefined") {
- return;
- }
-
- localStorage.removeItem("byJwt");
-}
-
-/**
- * A GET request with authentication and error handling
- */
-async function makeGetRequest(endpoint: string) {
- const byJwt = getJwt();
- const response = await fetch(`${API_URL}${endpoint}`, {
- headers: {
- Authorization: `Bearer ${byJwt}`,
- },
- });
-
- if (!response.ok) {
- if ([401, 403].includes(response.status)) {
- // Unauthorized. User needs to refresh JWT token
- removeJwt();
- redirect(LOGIN_URL);
- }
-
- // Todo(awais): Improve error handling on network requests
- throw new Error("Failed to fetch");
- }
-
- const result = await response.json();
-
- if (result.error && result.error.message) {
- const errorMessage: any = result.error.message;
- alert(`Sorry, there was a problem:\n${errorMessage}`);
- }
-
- return Promise.resolve(result);
-}
-
-/**
- * A POST request with authentication and error handling
- */
-async function makePostRequest(endpoint: string, body: object) {
- const byJwt = getJwt();
- const response = await fetch(`${API_URL}${endpoint}`, {
- method: "POST",
- headers: {
- Authorization: `Bearer ${byJwt}`,
- },
- body: JSON.stringify(body),
- });
-
- if (!response.ok) {
- throw new Error("Post request failed");
- }
-
- const result = await response.json();
-
- if (result.error && result.error.message) {
- const errorMessage: any = result.error.message;
- alert(`Sorry, there was a problem:\n${errorMessage}`);
- }
-
- return Promise.resolve(result);
-}
-
-/**
- * Similar to a GET request, however this returns a Blob() object instead
- * of parsing the response as json.
- */
-async function makeResourceRequest(endpoint: string) {
- const byJwt = getJwt();
- const response = await fetch(`${API_URL}${endpoint}`, {
- headers: {
- Authorization: `Bearer ${byJwt}`,
- },
- });
-
- return response.blob();
-}
-
-/**
- * Swap authorization code for an access token (JWT)
- */
-export async function postAuthCodeLogin(
- auth: string
-): Promise
-
-
- {isOverviewPending && Provide
-
- {/* Header showing stats */}
-
- )}
-
-
-
- {/* 90 Day chart */}
- - Past 24 hours -
-
- {headerItems.map((item) => {
- return (
-
- {
- setSelectedStat(item);
- }}
- className={`w-1/5 flex flex-col gap-0 border rounded-md overflow-hidden cursor-pointer hover:border-indigo-600 shadow-md ${
- selectedStat.key == item.key
- ? "border-indigo-600 border-2"
- : "border-gray-300"
- }`}
- >
-
- );
- })}
-
-
- - {item.name} -
-- - {item.pre_unit} - {getStatToday(item.key)} - {" "} - - {item.unit} - -
-
-
-
-
- - Past 90 days -
-
-
-
-
-
- {headerItems.map((item) => (
-
- {item.name}
-
- ))}
-
-
-
- {selectedStat.name}
-
-
- Devices
-
- {items.map((item, index) => (
-
- {index != 0 &&
- ))}
-
- );
-}
diff --git a/app.old/src/app/_lib/components/Button.tsx b/app.old/src/app/_lib/components/Button.tsx
deleted file mode 100644
index 0d2eb61..0000000
--- a/app.old/src/app/_lib/components/Button.tsx
+++ /dev/null
@@ -1,62 +0,0 @@
-// Async button; shows a loading spinner while query is running
-
-import React, { useState } from "react";
-
-function SmallSpinner() {
- return (
- /
}
-
- {index == 0 &&
-
-
- Loading...
-
- );
-}
-
-export type ButtonProps = {
- onClick?: (event: React.MouseEvent
-
-
-
-
- );
-}
-
-export default PulseLoader;
diff --git a/app.old/src/app/_lib/types.ts b/app.old/src/app/_lib/types.ts
deleted file mode 100644
index ae89097..0000000
--- a/app.old/src/app/_lib/types.ts
+++ /dev/null
@@ -1,209 +0,0 @@
-export type AuthCodeLoginResult = {
- by_jwt: string;
- error?: {
- message: string;
- };
-};
-
-export type Client = {
- client_id: string;
- description: string;
- device_spec: string;
- network_id: string;
- connections: object[];
- provide_mode: number;
-};
-
-export type NetworkClientsResult = {
- clients: Array