feat: improve editor

packages/icons/src/mention.tsx

@@ -4,21 +4,13 @@ export function MentionIcon(
 	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}
-		>
+		<svg width="24" height="24" fill="none" viewBox="0 0 24 24" {...props}>
 			<path
 				stroke="currentColor"
 				strokeLinecap="round"
-				strokeLinejoin="round"
 				strokeWidth="1.5"
-				d="M11.85 13.251c-3.719.065-6.427 2.567-7.18 5.915-.13.575.338 1.084.927 1.084h6.901m-.647-6.999l.147-.001c.353 0 .696.022 1.03.064m-1.177-.063a7.889 7.889 0 00-1.852.249m3.028-.186c.334.042.658.104.972.186m-.972-.186a7.475 7.475 0 011.972.524m3.25 1.412v3m0 0v3m0-3h-3m3 0h3m-5.5-11.75a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0z"
-			></path>
+				d="M16.868 19.867A9.25 9.25 0 1 1 21.25 12c0 1.98-.984 4.024-3.279 3.816a3.312 3.312 0 0 1-2.978-3.767l.53-3.646m-.585 4.077c-.308 2.188-2.109 3.744-4.023 3.474-1.914-.269-3.217-2.26-2.91-4.448.308-2.187 2.11-3.743 4.023-3.474 1.914.27 3.217 2.26 2.91 4.448Z"
+			/>
 		</svg>
 	);
 }

packages/types/index.d.ts

@@ -1,167 +1,167 @@
 export interface Settings {
-  notification: boolean;
-  enhancedPrivacy: boolean;
-  autoUpdate: boolean;
-  zap: boolean;
-  nsfw: boolean;
-  [key: string]: string | number | boolean;
+	notification: boolean;
+	enhancedPrivacy: boolean;
+	autoUpdate: boolean;
+	zap: boolean;
+	nsfw: boolean;
+	[key: string]: string | number | boolean;
 }
 
 export interface Keys {
-  npub: string;
-  nsec: string;
+	npub: string;
+	nsec: string;
 }
 
 export enum Kind {
-  Metadata = 0,
-  Text = 1,
-  RecommendRelay = 2,
-  Contacts = 3,
-  Repost = 6,
-  Reaction = 7,
-  ZapReceipt = 9735,
-  // NIP-89: App Metadata
-  AppRecommendation = 31989,
-  AppHandler = 31990,
-  // #TODO: Add all nostr kinds
+	Metadata = 0,
+	Text = 1,
+	RecommendRelay = 2,
+	Contacts = 3,
+	Repost = 6,
+	Reaction = 7,
+	ZapReceipt = 9735,
+	// NIP-89: App Metadata
+	AppRecommendation = 31989,
+	AppHandler = 31990,
+	// #TODO: Add all nostr kinds
 }
 
 export interface Event {
-  id: string;
-  pubkey: string;
-  created_at: number;
-  kind: Kind;
-  tags: string[][];
-  content: string;
-  sig: string;
-  relay?: string;
+	id: string;
+	pubkey: string;
+	created_at: number;
+	kind: Kind;
+	tags: string[][];
+	content: string;
+	sig: string;
+	relay?: string;
 }
 
 export interface EventWithReplies extends Event {
-  replies: Array<Event>;
+	replies: Array<Event>;
 }
 
 export interface Metadata {
-  name?: string;
-  display_name?: string;
-  about?: string;
-  website?: string;
-  picture?: string;
-  banner?: string;
-  nip05?: string;
-  lud06?: string;
-  lud16?: string;
+	name?: string;
+	display_name?: string;
+	about?: string;
+	website?: string;
+	picture?: string;
+	banner?: string;
+	nip05?: string;
+	lud06?: string;
+	lud16?: string;
 }
 
 export interface Contact {
-  pubkey: string;
-  profile: Metadata;
+	pubkey: string;
+	profile: Metadata;
 }
 
 export interface Account {
-  npub: string;
-  nsec?: string;
-  contacts?: string[];
-  interests?: Interests;
+	npub: string;
+	nsec?: string;
+	contacts?: string[];
+	interests?: Interests;
 }
 
 export interface Interests {
-  hashtags: string[];
-  users: string[];
-  words: string[];
+	hashtags: string[];
+	users: string[];
+	words: string[];
 }
 
 export interface RichContent {
-  parsed: string;
-  images: string[];
-  videos: string[];
-  links: string[];
-  notes: string[];
+	parsed: string;
+	images: string[];
+	videos: string[];
+	links: string[];
+	notes: string[];
 }
 
 export interface AppRouteSearch {
-  account: string;
+	account: string;
 }
 
 export interface ColumnRouteSearch {
-  account: string;
-  label: string;
-  name: string;
-  redirect?: string;
+	account: string;
+	label: string;
+	name: string;
+	redirect?: string;
 }
 
 export interface LumeColumn {
-  label: string;
-  name: string;
-  content: URL | string;
-  description?: string;
-  author?: string;
-  logo?: string;
-  cover?: string;
-  coverRetina?: string;
-  featured?: boolean;
+	label: string;
+	name: string;
+	content: URL | string;
+	description?: string;
+	author?: string;
+	logo?: string;
+	cover?: string;
+	coverRetina?: string;
+	featured?: boolean;
 }
 
 export interface EventColumns {
-  type: "add" | "remove" | "update" | "left" | "right" | "set_title";
-  label?: string;
-  title?: string;
-  column?: LumeColumn;
+	type: "add" | "remove" | "update" | "left" | "right" | "set_title";
+	label?: string;
+	title?: string;
+	column?: LumeColumn;
 }
 
 export interface Opengraph {
-  url: string;
-  title?: string;
-  description?: string;
-  image?: string;
+	url: string;
+	title?: string;
+	description?: string;
+	image?: string;
 }
 
 export interface NostrBuildResponse {
-  ok: boolean;
-  data?: {
-    message: string;
-    status: string;
-    data: Array<{
-      blurhash: string;
-      dimensions: {
-        width: number;
-        height: number;
-      };
-      mime: string;
-      name: string;
-      sha256: string;
-      size: number;
-      url: string;
-    }>;
-  };
+	ok: boolean;
+	data?: {
+		message: string;
+		status: string;
+		data: Array<{
+			blurhash: string;
+			dimensions: {
+				width: number;
+				height: number;
+			};
+			mime: string;
+			name: string;
+			sha256: string;
+			size: number;
+			url: string;
+		}>;
+	};
 }
 
 export interface NIP11 {
-  name: string;
-  description: string;
-  pubkey: string;
-  contact: string;
-  supported_nips: number[];
-  software: string;
-  version: string;
-  limitation: {
-    [key: string]: string | number | boolean;
-  };
-  relay_countries: string[];
-  language_tags: string[];
-  tags: string[];
-  posting_policy: string;
-  payments_url: string;
-  icon: string[];
+	name: string;
+	description: string;
+	pubkey: string;
+	contact: string;
+	supported_nips: number[];
+	software: string;
+	version: string;
+	limitation: {
+		[key: string]: string | number | boolean;
+	};
+	relay_countries: string[];
+	language_tags: string[];
+	tags: string[];
+	posting_policy: string;
+	payments_url: string;
+	icon: string[];
 }
 
 export interface NIP05 {
-  names: {
-    [key: string]: string;
-  };
-  nip46: {
-    [key: string]: {
-      [key: string]: string[];
-    };
-  };
+	names: {
+		[key: string]: string;
+	};
+	nip46: {
+		[key: string]: {
+			[key: string]: string[];
+		};
+	};
 }

packages/ui/src/note/buttons/reply.tsx

@@ -23,6 +23,7 @@ export function NoteReply({ large = false }: { large?: boolean }) {
 						)}
 					>
 						<ReplyIcon className="shrink-0 size-4" />
+						{large ? "Reply" : null}
 					</button>
 				</Tooltip.Trigger>
 				<Tooltip.Portal>