LumeWeb
/
skynet-webportal
Archived
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

empty

This commit is contained in:
Karol Wypchlo 2021-02-16 13:34:04 +01:00
parent 7b24efcbf5
commit 93f8b59258
1 changed files with 90 additions and 74 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
packages/dashboard/src/pages/index.js
View File

@ -131,14 +131,13 @@ export default function Home() {
<div className="mt-5 grid grid-cols-1 gap-5 sm:grid-cols-2"> <div className="mt-5 grid grid-cols-1 gap-5 sm:grid-cols-2">
<div className="flex flex-col"> <div className="flex flex-col">
<div className="pb-5 border-b border-gray-200 sm:flex sm:items-center sm:justify-between"> <h3 className="pb-5 text-lg leading-6 font-medium text-gray-900">Recent downloads</h3>
<h3 className="text-lg leading-6 font-medium text-gray-900">Recent downloads</h3>
</div>
{/* This example requires Tailwind CSS v2.0+ */} {/* This example requires Tailwind CSS v2.0+ */}
<div className="bg-white shadow overflow-hidden sm:rounded-md"> <div className="bg-white shadow overflow-hidden sm:rounded-md">
<ul className="divide-y divide-gray-200"> <ul className="divide-y divide-gray-200">
{(downloads?.items ?? []).slice(0, 3).map((item) => ( {downloads?.items?.length ? (
downloads.items.slice(0, 3).map((item) => (
<li key={item.id}> <li key={item.id}>
{/* <a href="#" className="block hover:bg-gray-50"> */} {/* <a href="#" className="block hover:bg-gray-50"> */}
<div className="px-4 py-4 sm:px-6"> <div className="px-4 py-4 sm:px-6">
@ -188,19 +187,27 @@ export default function Home() {
</div> </div>
{/* </a> */} {/* </a> */}
</li> </li>
))} ))
) : (
<li>
<div className="px-4 py-4 sm:px-6">
<div className="flex items-center justify-between">
<p className="text-sm font-medium truncate">no downloads yet</p>
</div>
</div>
</li>
)}
</ul> </ul>
</div> </div>
</div> </div>
<div className="flex flex-col"> <div className="flex flex-col">
<div className="pb-5 border-b border-gray-200"> <h3 className="pb-5 text-lg leading-6 font-medium text-gray-900">Recent uploads</h3>
<h3 className="text-lg leading-6 font-medium text-gray-900">Recent uploads</h3>
</div>
{/* This example requires Tailwind CSS v2.0+ */} {/* This example requires Tailwind CSS v2.0+ */}
<div className="bg-white shadow overflow-hidden sm:rounded-md"> <div className="bg-white shadow overflow-hidden sm:rounded-md">
<ul className="divide-y divide-gray-200"> <ul className="divide-y divide-gray-200">
{(uploads?.items ?? []).slice(0, 3).map((item) => ( {uploads?.items?.length ? (
uploads.items.slice(0, 3).map((item) => (
<li key={item.id}> <li key={item.id}>
{/* <a href="#" className="block hover:bg-gray-50"> */} {/* <a href="#" className="block hover:bg-gray-50"> */}
<div className="px-4 py-4 sm:px-6"> <div className="px-4 py-4 sm:px-6">
@ -250,7 +257,16 @@ export default function Home() {
</div> </div>
{/* </a> */} {/* </a> */}
</li> </li>
))} ))
) : (
<li>
<div className="px-4 py-4 sm:px-6">
<div className="flex items-center justify-between">
<p className="text-sm font-medium truncate">no uploads yet</p>
</div>
</div>
</li>
)}
</ul> </ul>
</div> </div>
</div> </div>