jeffemmett
/
rnotes-online
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: space links use subdomain URLs instead of rspace.online path 

Space links now go to <space>.<app-domain> (e.g., myspace.rfunds.online)
instead of rspace.online/<space>. Domain derived from window.location
when not explicitly provided.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Jeff Emmett 2026-02-24 23:18:20 -08:00
parent c5d0527fbf
commit 8e6cb7642d
1 changed files with 16 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/components/SpaceSwitcher.tsx
View File

@ -9,13 +9,23 @@ interface SpaceInfo {
role?: string; role?: string;
} }
export function SpaceSwitcher() { interface SpaceSwitcherProps {
/** Current app domain, e.g. 'rfunds.online'. Space links become <space>.<domain> */
domain?: string;
}
export function SpaceSwitcher({ domain }: SpaceSwitcherProps) {
const [open, setOpen] = useState(false); const [open, setOpen] = useState(false);
const [spaces, setSpaces] = useState<SpaceInfo[]>([]); const [spaces, setSpaces] = useState<SpaceInfo[]>([]);
const [loaded, setLoaded] = useState(false); const [loaded, setLoaded] = useState(false);
const [isAuthenticated, setIsAuthenticated] = useState(false); const [isAuthenticated, setIsAuthenticated] = useState(false);
const ref = useRef<HTMLDivElement>(null); const ref = useRef<HTMLDivElement>(null);
// Derive domain from window.location if not provided
const appDomain = domain || (typeof window !== 'undefined'
? window.location.hostname.split('.').slice(-2).join('.')
: 'rspace.online');
useEffect(() => { useEffect(() => {
function handleClick(e: MouseEvent) { function handleClick(e: MouseEvent) {
if (ref.current && !ref.current.contains(e.target as Node)) { if (ref.current && !ref.current.contains(e.target as Node)) {
@ -58,6 +68,9 @@ export function SpaceSwitcher() {
} }
}; };
/** Build URL for a space: <space>.<current-app-domain> */
const spaceUrl = (slug: string) => `https://${slug}.${appDomain}`;
const mySpaces = spaces.filter((s) => s.role); const mySpaces = spaces.filter((s) => s.role);
const publicSpaces = spaces.filter((s) => !s.role); const publicSpaces = spaces.filter((s) => !s.role);
@ -99,7 +112,7 @@ export function SpaceSwitcher() {
{mySpaces.map((s) => ( {mySpaces.map((s) => (
<a <a
key={s.slug} key={s.slug}
href={`https://rspace.online/${s.slug}`} href={spaceUrl(s.slug)}
className="flex items-center gap-2.5 px-3.5 py-2.5 text-slate-200 no-underline transition-colors hover:bg-white/[0.05]" className="flex items-center gap-2.5 px-3.5 py-2.5 text-slate-200 no-underline transition-colors hover:bg-white/[0.05]"
onClick={() => setOpen(false)} onClick={() => setOpen(false)}
> >
@ -124,7 +137,7 @@ export function SpaceSwitcher() {
{publicSpaces.map((s) => ( {publicSpaces.map((s) => (
<a <a
key={s.slug} key={s.slug}
href={`https://rspace.online/${s.slug}`} href={spaceUrl(s.slug)}
className="flex items-center gap-2.5 px-3.5 py-2.5 text-slate-200 no-underline transition-colors hover:bg-white/[0.05]" className="flex items-center gap-2.5 px-3.5 py-2.5 text-slate-200 no-underline transition-colors hover:bg-white/[0.05]"
onClick={() => setOpen(false)} onClick={() => setOpen(false)}
> >