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

fix(dashboard-v2): hide View All link when there's nothing to view

This commit is contained in:
Michał Leszczyk 2022-04-11 13:32:22 +02:00
parent 2965c8bbc6
commit d164e538cd
No known key found for this signature in database
GPG Key ID: FA123CA8BAA2FBF4
3 changed files with 31 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/dashboard-v2/src/components/LatestActivity/ActivityTable.js
View File

@ -4,6 +4,7 @@ import useSWR from "swr";
import { Table, TableBody, TableCell, TableRow } from "../Table"; import { Table, TableBody, TableCell, TableRow } from "../Table";
import { ContainerLoadingIndicator } from "../LoadingIndicator"; import { ContainerLoadingIndicator } from "../LoadingIndicator";
import { ViewAllLink } from "./ViewAllLink";
import useFormattedActivityData from "./useFormattedActivityData"; import useFormattedActivityData from "./useFormattedActivityData";
export default function ActivityTable({ type }) { export default function ActivityTable({ type }) {
@ -22,6 +23,7 @@ export default function ActivityTable({ type }) {
} }
return ( return (
<>
<Table style={{ tableLayout: "fixed" }}> <Table style={{ tableLayout: "fixed" }}>
<TableBody> <TableBody>
{items.map(({ id, name, type, size, date, skylink }) => ( {items.map(({ id, name, type, size, date, skylink }) => (
@ -37,5 +39,7 @@ export default function ActivityTable({ type }) {
))} ))}
</TableBody> </TableBody>
</Table> </Table>
<ViewAllLink to={`/files?tab=${type}`} />
</>
); );
} }

13
packages/dashboard-v2/src/components/LatestActivity/LatestActivity.js
View File

@ -1,21 +1,10 @@
import * as React from "react"; import * as React from "react";
import { Link } from "gatsby";
import { Panel } from "../Panel"; import { Panel } from "../Panel";
import { Tab, TabPanel, Tabs } from "../Tabs"; import { Tab, TabPanel, Tabs } from "../Tabs";
import { ArrowRightIcon } from "../Icons";
import ActivityTable from "./ActivityTable"; import ActivityTable from "./ActivityTable";
const ViewAllLink = (props) => (
<Link className="inline-flex mt-6 items-center gap-3 ease-in-out hover:brightness-90" {...props}>
<span className="bg-primary rounded-full w-[32px] h-[32px] inline-flex justify-center items-center">
<ArrowRightIcon />
</span>
<span className="font-sans text-xs uppercase text-palette-400">View all</span>
</Link>
);
export default function LatestActivity() { export default function LatestActivity() {
return ( return (
<Panel title="Latest activity"> <Panel title="Latest activity">
@ -24,11 +13,9 @@ export default function LatestActivity() {
<Tab id="downloads" title="Downloads" /> <Tab id="downloads" title="Downloads" />
<TabPanel tabId="uploads" className="pt-4"> <TabPanel tabId="uploads" className="pt-4">
<ActivityTable type="uploads" /> <ActivityTable type="uploads" />
<ViewAllLink to="/files?tab=uploads" />
</TabPanel> </TabPanel>
<TabPanel tabId="downloads" className="pt-4"> <TabPanel tabId="downloads" className="pt-4">
<ActivityTable type="downloads" /> <ActivityTable type="downloads" />
<ViewAllLink to="/files?tab=downloads" />
</TabPanel> </TabPanel>
</Tabs> </Tabs>
</Panel> </Panel>

12
packages/dashboard-v2/src/components/LatestActivity/ViewAllLink.js Normal file
View File

@ -0,0 +1,12 @@
import { Link } from "gatsby";
import { ArrowRightIcon } from "../Icons";
export const ViewAllLink = (props) => (
<Link className="inline-flex mt-6 items-center gap-3 ease-in-out hover:brightness-90" {...props}>
<span className="bg-primary rounded-full w-[32px] h-[32px] inline-flex justify-center items-center">
<ArrowRightIcon />
</span>
<span className="font-sans text-xs uppercase text-palette-400">View all</span>
</Link>
);