From a56860a6cefea101e7e053b9150fcdac66b90b9b Mon Sep 17 00:00:00 2001 From: sam Date: Fri, 17 Apr 2026 12:15:51 +0545 Subject: [PATCH] logo/copy changes --- .vscode/settings.json | 3 ++- package-lock.json | 4 ++-- package.json | 2 +- src/components/{DittoLogo.tsx => AgoraLogo.tsx} | 4 ++-- src/components/AppProvider.tsx | 2 +- src/components/InitialSyncGate.tsx | 8 ++++---- src/components/LandingHero.tsx | 4 ++-- src/components/LeftSidebar.tsx | 4 ++-- src/components/MobileTopBar.tsx | 4 ++-- src/pages/FollowPage.tsx | 8 ++++---- 10 files changed, 22 insertions(+), 21 deletions(-) rename src/components/{DittoLogo.tsx => AgoraLogo.tsx} (92%) diff --git a/.vscode/settings.json b/.vscode/settings.json index 0a770118..9c96ba84 100644 --- a/.vscode/settings.json +++ b/.vscode/settings.json @@ -1,3 +1,4 @@ { - "editor.tabSize": 2 + "editor.tabSize": 2, + "typescript.tsdk": "node_modules/typescript/lib" } \ No newline at end of file diff --git a/package-lock.json b/package-lock.json index 614e16a2..44615cb7 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,11 +1,11 @@ { - "name": "ditto", + "name": "agora", "version": "2.8.0", "lockfileVersion": 3, "requires": true, "packages": { "": { - "name": "ditto", + "name": "agora", "version": "2.8.0", "dependencies": { "@capacitor/app": "^8.0.0", diff --git a/package.json b/package.json index e4b77a8e..ab1d3250 100644 --- a/package.json +++ b/package.json @@ -1,5 +1,5 @@ { - "name": "ditto", + "name": "agora", "private": true, "version": "2.8.0", "type": "module", diff --git a/src/components/DittoLogo.tsx b/src/components/AgoraLogo.tsx similarity index 92% rename from src/components/DittoLogo.tsx rename to src/components/AgoraLogo.tsx index 7bd2b4ed..873a8e7f 100644 --- a/src/components/DittoLogo.tsx +++ b/src/components/AgoraLogo.tsx @@ -1,6 +1,6 @@ import { cn } from '@/lib/utils'; -interface DittoLogoProps { +interface AgoraLogoProps { className?: string; size?: number; } @@ -28,7 +28,7 @@ function LightningBolt({ size }: { size: number }) { } /** Agora badge icon used across app chrome. */ -export function DittoLogo({ className, size = 40 }: DittoLogoProps) { +export function AgoraLogo({ className, size = 40 }: AgoraLogoProps) { const boltSize = Math.max(12, Math.round(size * 0.56)); return ( diff --git a/src/components/AppProvider.tsx b/src/components/AppProvider.tsx index b495defc..68572e11 100644 --- a/src/components/AppProvider.tsx +++ b/src/components/AppProvider.tsx @@ -217,7 +217,7 @@ function useApplyBackground(theme: Theme, customTheme: ThemeConfig | undefined, /** * Hook to dynamically recolor the favicon to match the current primary color. - * Uses the same mask approach as DittoLogo: loads the SVG, draws it as a mask + * Uses a mask approach with /logo.svg: loads the SVG, draws it as a mask * on a canvas filled with the primary color, and sets the result as the favicon. */ function useApplyFavicon(theme: Theme, customTheme: ThemeConfig | undefined, themes: ThemesConfig | undefined) { diff --git a/src/components/InitialSyncGate.tsx b/src/components/InitialSyncGate.tsx index 553e218c..478b6ae1 100644 --- a/src/components/InitialSyncGate.tsx +++ b/src/components/InitialSyncGate.tsx @@ -24,7 +24,7 @@ import { useRef, useState, } from "react"; -import { DittoLogo } from "@/components/DittoLogo"; +import { AgoraLogo } from "@/components/AgoraLogo"; import { ImageCropDialog } from "@/components/ImageCropDialog"; import { IntroImage } from "@/components/IntroImage"; import { ProfileCard } from "@/components/ProfileCard"; @@ -170,7 +170,7 @@ function SyncScreen({ phase }: { phase: SyncPhase }) { {/* Logo with gentle pulse */}
- +
{/* Spinner */} @@ -511,7 +511,7 @@ function SetupQuestionnaire({ function KeygenStep({ onGenerate }: { onGenerate: () => void }) { return (
- +

@@ -1229,7 +1229,7 @@ function OutroStep({ onComplete }: { onComplete: () => void }) { return (
- +
diff --git a/src/components/LandingHero.tsx b/src/components/LandingHero.tsx index 84d9e5cf..c3a50c9a 100644 --- a/src/components/LandingHero.tsx +++ b/src/components/LandingHero.tsx @@ -2,7 +2,7 @@ import { useMemo, useRef, useState } from 'react'; import { Link } from 'react-router-dom'; import { ChevronLeft, ChevronRight } from 'lucide-react'; -import { DittoLogo } from '@/components/DittoLogo'; +import { AgoraLogo } from '@/components/AgoraLogo'; import { Button } from '@/components/ui/button'; import { useAppContext } from '@/hooks/useAppContext'; import { useTheme } from '@/hooks/useTheme'; @@ -133,7 +133,7 @@ export function LandingHero({ onLoginClick, onSignupClick }: LandingHeroProps) { {/* ── Hero Header ── */}
- +
diff --git a/src/components/LeftSidebar.tsx b/src/components/LeftSidebar.tsx index 60192c2f..41875fc1 100644 --- a/src/components/LeftSidebar.tsx +++ b/src/components/LeftSidebar.tsx @@ -8,7 +8,7 @@ import { Skeleton } from '@/components/ui/skeleton'; import { Avatar, AvatarImage, AvatarFallback } from '@/components/ui/avatar'; import { getAvatarShape } from '@/lib/avatarShape'; import { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover'; -import { DittoLogo } from '@/components/DittoLogo'; +import { AgoraLogo } from '@/components/AgoraLogo'; import { EmojifiedText } from '@/components/CustomEmoji'; import { ProfileSearchDropdown } from '@/components/ProfileSearchDropdown'; import { SidebarNavList } from '@/components/SidebarNavItem'; @@ -90,7 +90,7 @@ export function LeftSidebar() {
- +
ÁGORA diff --git a/src/components/MobileTopBar.tsx b/src/components/MobileTopBar.tsx index 15ecb0fd..5fab3a3b 100644 --- a/src/components/MobileTopBar.tsx +++ b/src/components/MobileTopBar.tsx @@ -1,6 +1,6 @@ import { useCallback } from 'react'; import { Link, useLocation } from 'react-router-dom'; -import { DittoLogo } from '@/components/DittoLogo'; +import { AgoraLogo } from '@/components/AgoraLogo'; import { BarsStaggeredIcon } from '@/components/icons/BarsStaggeredIcon'; import { ArcBackground } from '@/components/ArcBackground'; import { useNavHidden } from '@/contexts/LayoutContext'; @@ -46,7 +46,7 @@ export function MobileTopBar({ onAvatarClick, hasSubHeader }: MobileTopBarProps) {/* Center: Agora lockup */}
- +
ÁGORA diff --git a/src/pages/FollowPage.tsx b/src/pages/FollowPage.tsx index 5f53c7db..93222b6a 100644 --- a/src/pages/FollowPage.tsx +++ b/src/pages/FollowPage.tsx @@ -25,7 +25,7 @@ import { parsePackEvent } from '@/lib/packUtils'; import { PackFeedTab, MemberCard, MemberCardSkeleton } from '@/components/FollowPackDetailContent'; import { genUserName } from '@/lib/genUserName'; import { ArcBackground, ARC_OVERHANG_PX } from '@/components/ArcBackground'; -import { DittoLogo } from '@/components/DittoLogo'; +import { AgoraLogo } from '@/components/AgoraLogo'; import { Nip05Badge } from '@/components/Nip05Badge'; import { SubHeaderBar } from '@/components/SubHeaderBar'; import { TabButton } from '@/components/TabButton'; @@ -229,7 +229,7 @@ function FollowView({ pubkey }: { pubkey: string }) { )}
- +
@@ -443,7 +443,7 @@ function FollowPackView({ addr, relays }: { addr: AddrCoords; relays?: string[]
- +
@@ -475,7 +475,7 @@ function FollowPackView({ addr, relays }: { addr: AddrCoords; relays?: string[] )}
- +