import React from 'react'; import TitledGreyBox from '@/components/elements/TitledGreyBox'; import { ServerContext } from '@/state/server'; import { useStoreState } from 'easy-peasy'; import RenameServerBox from '@/components/server/settings/RenameServerBox'; import FlashMessageRender from '@/components/FlashMessageRender'; import Can from '@/components/elements/Can'; import ReinstallServerBox from '@/components/server/settings/ReinstallServerBox'; import tw from 'twin.macro'; import Input from '@/components/elements/Input'; import Label from '@/components/elements/Label'; import ServerContentBlock from '@/components/elements/ServerContentBlock'; import isEqual from 'react-fast-compare'; import CopyOnClick from '@/components/elements/CopyOnClick'; import { formatIp } from '@/helpers'; import { Button } from '@/components/elements/button/index'; export default () => { const username = useStoreState(state => state.user.data!.username); const id = ServerContext.useStoreState(state => state.server.data!.id); const uuid = ServerContext.useStoreState(state => state.server.data!.uuid); const node = ServerContext.useStoreState(state => state.server.data!.node); const sftp = ServerContext.useStoreState(state => state.server.data!.sftpDetails, isEqual); return (

Your SFTP password is the same as the password you use to access this panel.

Node

{node}

Server ID

{uuid}
); };