StarMC/Astral-nook
StarMC/Astral-nook
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Add basic support for listing a server's databases

Browse source
This commit is contained in:
Dane Everitt 2019-07-09 22:00:29 -07:00
parent 986285402f
commit e3db564175
No known key found for this signature in database
GPG key ID: EEA66103B3D71F53
7 changed files with 110 additions and 138 deletions
Download patch file Download diff file Expand all files Collapse all files

39
resources/scripts/components/server/databases/DatabaseRow.tsx Normal file
View file

@ -0,0 +1,39 @@
import React from 'react';
import { ServerDatabase } from '@/api/server/getServerDatabases';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { faDatabase } from '@fortawesome/free-solid-svg-icons/faDatabase';
import { faTrashAlt } from '@fortawesome/free-solid-svg-icons/faTrashAlt';
import { faEye } from '@fortawesome/free-solid-svg-icons/faEye';
export default ({ database }: { database: ServerDatabase }) => {
return (
<div className={'grey-row-box no-hover'}>
<div className={'icon'}>
<FontAwesomeIcon icon={faDatabase}/>
</div>
<div className={'flex-1 ml-4'}>
<p className={'text-lg'}>{database.name}</p>
</div>
<div className={'ml-6'}>
<p className={'text-center text-xs text-neutral-500 uppercase mb-1 select-none'}>Endpoint:</p>
<p className={'text-center text-sm'}>{database.connectionString}</p>
</div>
<div className={'ml-6'}>
<p className={'text-center text-xs text-neutral-500 uppercase mb-1 select-none'}>Connections From:</p>
<p className={'text-center text-sm'}>{database.allowConnectionsFrom}</p>
</div>
<div className={'ml-6'}>
<p className={'text-center text-xs text-neutral-500 uppercase mb-1 select-none'}>Username:</p>
<p className={'text-center text-sm'}>{database.username}</p>
</div>
<div className={'ml-6'}>
<button className={'btn btn-sm btn-secondary mr-2'}>
<FontAwesomeIcon icon={faEye}/>
</button>
<button className={'btn btn-sm btn-secondary btn-red'}>
<FontAwesomeIcon icon={faTrashAlt}/>
</button>
</div>
</div>
);
};