diff --git a/app/(home-pages)/reader/layout.tsx b/app/(home-pages)/reader/layout.tsx
index c816dd38..f6022786 100644
--- a/app/(home-pages)/reader/layout.tsx
+++ b/app/(home-pages)/reader/layout.tsx
@@ -2,15 +2,19 @@ import { getIdentityData } from "actions/getIdentityData";
import { PageTitle } from "components/ActionBar/DesktopNavigation";
import { DashboardShell } from "components/PageLayouts/DashboardShell";
import { ReaderUnreadSmall } from "components/Icons/ReaderSmall";
+import { NewSmall } from "components/Icons/NewSmall";
+import { TrendingSmall } from "components/Icons/TrendingSmall";
+import { BlockMailboxSmall } from "components/Icons/BlockMailboxSmall";
export default async function ReaderLayout(props: {
children: React.ReactNode;
}) {
const identity = await getIdentityData();
- const tabs: { [name: string]: { href: string } } = {};
- if (identity?.atp_did) tabs.Inbox = { href: "/reader" };
- tabs.Trending = { href: "/reader/trending" };
- tabs.New = { href: "/reader/new" };
+ const tabs: { [name: string]: { href: string; icon: React.ReactNode } } = {};
+ if (identity?.atp_did)
+ tabs.Inbox = { href: "/reader", icon: };
+ tabs.Trending = { href: "/reader/trending", icon: };
+ tabs.New = { href: "/reader/new", icon: };
return (
;
@@ -96,10 +100,13 @@ export default async function PublicationDashboardLayout(props: {
pageTitle={}
actions={}
tabs={{
- Drafts: { href: baseHref },
- Posts: { href: `${baseHref}/posts` },
- Subs: { href: `${baseHref}/subs` },
- Analytics: { href: `${baseHref}/analytics` },
+ Drafts: { href: baseHref, icon: },
+ Posts: { href: `${baseHref}/posts`, icon: },
+ Subs: { href: `${baseHref}/subs`, icon: },
+ Analytics: {
+ href: `${baseHref}/analytics`,
+ icon: ,
+ },
Settings: {
href: `${baseHref}/settings`,
icon: ,
diff --git a/components/Icons/AnalyticsSmall.tsx b/components/Icons/AnalyticsSmall.tsx
new file mode 100644
index 00000000..38babea6
--- /dev/null
+++ b/components/Icons/AnalyticsSmall.tsx
@@ -0,0 +1,19 @@
+import { Props } from "./Props";
+
+export const AnalyticsSmall = (props: Props) => {
+ return (
+
+ );
+};
diff --git a/components/Icons/NewSmall.tsx b/components/Icons/NewSmall.tsx
new file mode 100644
index 00000000..806567ca
--- /dev/null
+++ b/components/Icons/NewSmall.tsx
@@ -0,0 +1,19 @@
+import { Props } from "./Props";
+
+export const NewSmall = (props: Props) => {
+ return (
+
+ );
+};
diff --git a/components/Icons/SubscribersSmall.tsx b/components/Icons/SubscribersSmall.tsx
new file mode 100644
index 00000000..14fa5aa3
--- /dev/null
+++ b/components/Icons/SubscribersSmall.tsx
@@ -0,0 +1,21 @@
+import { Props } from "./Props";
+
+export const SubscribersSmall = (props: Props) => {
+ return (
+
+ );
+};
diff --git a/components/Icons/TrendingSmall.tsx b/components/Icons/TrendingSmall.tsx
new file mode 100644
index 00000000..2d467942
--- /dev/null
+++ b/components/Icons/TrendingSmall.tsx
@@ -0,0 +1,19 @@
+import { Props } from "./Props";
+
+export const TrendingSmall = (props: Props) => {
+ return (
+
+ );
+};