update note

src/shared/accounts/active.tsx

@@ -34,7 +34,6 @@ export function ActiveAccount({ data }: { data: any }) {
 		);
 
 		sub.addListener("event", (event) => {
-			console.log(event);
 			switch (event.kind) {
 				case 4:
 					// save

src/shared/icons/index.tsx

@@ -33,4 +33,5 @@ export * from "./trash";
 export * from "./world";
 export * from "./zap";
 export * from "./loader";
+export * from "./trending";
 // @endindex

src/shared/icons/trending.tsx

@@ -0,0 +1,24 @@
+import { SVGProps } from "react";
+
+export function TrendingIcon(
+	props: JSX.IntrinsicAttributes & SVGProps<SVGSVGElement>,
+) {
+	return (
+		<svg
+			xmlns="http://www.w3.org/2000/svg"
+			width="24"
+			height="24"
+			fill="none"
+			viewBox="0 0 24 24"
+			{...props}
+		>
+			<path
+				stroke="currentColor"
+				strokeLinecap="round"
+				strokeLinejoin="round"
+				strokeWidth="1.5"
+				d="M15.75 6.75h5.5v5.5m-.514-4.975L13 15l-4-4-6.25 6.25"
+			/>
+		</svg>
+	);
+}

src/shared/navigation.tsx

@@ -4,7 +4,12 @@ import { Disclosure } from "@headlessui/react";
 import { ActiveLink } from "@shared/activeLink";
 import { AppHeader } from "@shared/appHeader";
 import { ComposerModal } from "@shared/composer/modal";
-import { NavArrowDownIcon, SpaceIcon, WorldIcon } from "@shared/icons";
+import {
+	NavArrowDownIcon,
+	SpaceIcon,
+	TrendingIcon,
+	WorldIcon,
+} from "@shared/icons";
 
 export function Navigation() {
 	return (
@@ -30,7 +35,7 @@ export function Navigation() {
 							<span className="inline-flex h-5 w-5 items-center justify-center rounded bg-zinc-900">
 								<SpaceIcon width={12} height={12} className="text-white" />
 							</span>
-							<span className="font-medium">Space</span>
+							<span className="font-medium">Spaces</span>
 						</ActiveLink>
 						<ActiveLink
 							href="/app/trending"
@@ -38,7 +43,7 @@ export function Navigation() {
 							activeClassName="bg-zinc-900/50 hover:bg-zinc-900"
 						>
 							<span className="inline-flex h-5 w-5 items-center justify-center rounded bg-zinc-900">
-								<WorldIcon width={12} height={12} className="text-white" />
+								<TrendingIcon width={12} height={12} className="text-white" />
 							</span>
 							<span className="font-medium">Trending</span>
 						</ActiveLink>