- {children || (
-
-
-
-
- )}
- - {text} -
- )); -} diff --git a/packages/dashboard/src/components/Layout.js b/packages/dashboard/src/components/Layout.js deleted file mode 100644 index f99ef767..00000000 --- a/packages/dashboard/src/components/Layout.js +++ /dev/null @@ -1,317 +0,0 @@ -import Link from "next/link"; -import { useRouter } from "next/router"; -import Head from "next/head"; -import { useState } from "react"; -import accountsApi from "../services/accountsApi"; - -export default function Layout({ title, children }) { - const [menuOpen, openMenu] = useState(false); - const [avatarDropdownOpen, openAvatarDropdown] = useState(false); - const router = useRouter(); - const handleSignOut = async (e) => { - e.preventDefault(); - - try { - await accountsApi.post("logout"); - router.push("/auth/login"); - } catch (error) { - console.log(error); // todo: handle errors with a message - } - }; - - return ( -| - {name} - | - ))} - {actions.map(({ name }, index) => ( -- {name} - | - ))} -
|---|---|
| - {(formatter ? ( - formatter(row, key) - ) : href ? ( - - {row[key]} - - ) : ( - row[key] - )) || <>—} - | - ))} - {actions.map(({ name, action }, index) => ( -
- |
- ))}
-
| - no entries - | -
- or{" "} - - sign up - {" "} - if you don't have one yet -
-- - sign in - {" "} - if you suddenly remembered your password -
-- or{" "} - - sign up - {" "} - for a new account -
- {skynetFreeInviteVisible && isSiaskyNet && ( -- All Siasky.net accounts have been moved to{" "} - - SkynetFree.net - -
-- Account recovery requested, please follow instructions sent in email. -
- )} -- or{" "} - - sign in - {" "} - if you already have one -
-- - {name} - -
-{skylink}
- - ), - }, - { key: "size", name: "Size", formatter: ({ size }) => prettyBytes(size) }, - { key: "downloadedOn", name: "Accessed on", formatter: getRelativeDate }, -]; -const actions = []; - -export default function Downloads() { - const [offset, setOffset] = useState(0); - const { data } = useAccountsApi(`user/downloads?pageSize=10&offset=${offset}`, { - revalidateOnMount: true, - }); - - // preload next page if it exists (based on the response from the current page query) - const nextPageOffset = data && data.offset + data.pageSize < data.count ? data.offset + data.pageSize : offset; - useAccountsApi(`user/downloads?pageSize=10&offset=${nextPageOffset}`); - - return ( -- - {prettyBytes(item.size)} -
-no entries yet
-we are upgrading the service and should be back soon
-you can always contact us at hello@siasky.net
- - - - go back to siasky.net - -- Start using for free, then add a plan to improve the experience. Account plans unlock additional features. -
-All the basics for starting a new business
-- $80 - /mo -
- - Buy Skynet Extreme - -- - {name} - -
-{skylink}
- - ), - }, - { key: "size", name: "Size", formatter: ({ size }) => prettyBytes(size) }, - { key: "uploadedOn", name: "Uploaded on", formatter: getRelativeDate }, -]; -const actions = [ - { - name: "Unpin Skylink", - action: async ({ skylink }, mutate) => { - await toast.promise(ky.delete(`/api/user/uploads/${skylink}`), { - pending: "Unpinning Skylink", - success: "Skylink unpinned", - error: (error) => error.message, - }); - - mutate(); - }, - }, -]; - -export default function Uploads() { - const [offset, setOffset] = useState(0); - const { data, mutate } = useAccountsApi(`user/uploads?pageSize=10&offset=${offset}`, { - revalidateOnMount: true, - }); - - // preload next page if it exists (based on the response from the current page query) - const nextPageOffset = data && data.offset + data.pageSize < data.count ? data.offset + data.pageSize : offset; - useAccountsApi(`user/uploads?pageSize=10&offset=${nextPageOffset}`); - - return ( -