diff --git a/src/components/letter/StationeryPicker.tsx b/src/components/letter/StationeryPicker.tsx index 407fab69..52fb20c3 100644 --- a/src/components/letter/StationeryPicker.tsx +++ b/src/components/letter/StationeryPicker.tsx @@ -1,4 +1,5 @@ import { useState, useMemo, useRef, useCallback, useEffect } from 'react'; +import { Link } from 'react-router-dom'; import { Skeleton } from '@/components/ui/skeleton'; import { Switch } from '@/components/ui/switch'; import { useCurrentUser } from '@/hooks/useCurrentUser'; @@ -387,16 +388,13 @@ export function StationeryPicker({ selected, onSelect }: StationeryPickerProps) Color moments are beautiful color combinations created and shared by the community. Each one gives your letter a unique palette and mood.

- Discover and create your own on{' '} - setInfoOpen(false)} className="text-foreground font-medium underline underline-offset-2 hover:no-underline" > - espy.you - - . + Discover and create color moments +

@@ -408,19 +406,16 @@ export function StationeryPicker({ selected, onSelect }: StationeryPickerProps)

- Ditto themes are UI themes for the Ditto client, shared by the community. Letters borrows their colors and fonts to style your letter. + Ditto themes are UI themes shared by the community. Letters borrows their colors and fonts to style your letter.

- Browse and create your own on{' '} - setInfoOpen(false)} className="text-foreground font-medium underline underline-offset-2 hover:no-underline" > - Ditto - - . + Browse and create themes +

diff --git a/src/components/letter/StickerPicker.tsx b/src/components/letter/StickerPicker.tsx index c1fa155b..5f251451 100644 --- a/src/components/letter/StickerPicker.tsx +++ b/src/components/letter/StickerPicker.tsx @@ -1,4 +1,5 @@ import { useState } from 'react'; +import { Link } from 'react-router-dom'; import { Sticker, Info } from 'lucide-react'; import { Skeleton } from '@/components/ui/skeleton'; import { ScrollArea } from '@/components/ui/scroll-area'; @@ -80,6 +81,15 @@ export function StickerPicker({ onSelect }: StickerPickerProps) {

Add emoji packs to your profile to make them available as stickers.

+

+ setInfoOpen(false)} + className="text-foreground font-medium underline underline-offset-2 hover:no-underline" + > + Browse emoji packs + +