Skip to content
Merged
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
80 changes: 1 addition & 79 deletions js/packages/react/src/components/States/InviteCodeState.tsx
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
import { useEffect, useMemo, useState, type ReactElement } from "react";
import { useEffect, useState, type ReactElement } from "react";
import { __ } from "../../lang";
import { WorldcoinIcon } from "../Icons/WorldIcon";
import { LoadingIcon } from "../Icons/LoadingIcon";
Expand All @@ -10,15 +10,6 @@ type InviteCodeStateProps = {
isAwaitingUserConfirmation: boolean;
};

function extractInviteCode(uri: string): string | null {
try {
const url = new URL(uri);
return url.searchParams.get("c");
} catch {
return null;
}
}

function useNowInSeconds(): number {
const [now, setNow] = useState(() => Math.floor(Date.now() / 1000));
useEffect(() => {
Expand All @@ -38,10 +29,6 @@ export function InviteCodeState({
const now = useNowInSeconds();
const secondsRemaining =
codeExpiresAt !== null ? Math.max(0, codeExpiresAt - now) : null;
const inviteCode = useMemo(
() => (connectorURI ? extractInviteCode(connectorURI) : null),
[connectorURI],
);

return (
<div
Expand Down Expand Up @@ -86,71 +73,6 @@ export function InviteCodeState({
</div>
</div>

{inviteCode && (
<div
style={{
marginTop: 16,
display: "flex",
flexDirection: "column",
alignItems: "center",
gap: 8,
}}
>
<p
style={{
margin: 0,
fontSize: 14,
color: "var(--idkit-text-secondary)",
}}
>
{__("Or enter this code in World App")}
</p>
<div
style={{
display: "flex",
alignItems: "center",
gap: 8,
}}
>
<code
style={{
fontFamily:
"ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace",
fontSize: 24,
fontWeight: 600,
letterSpacing: "0.1em",
padding: "8px 16px",
borderRadius: 8,
background: "var(--idkit-surface-muted, rgba(0,0,0,0.04))",
color: "var(--idkit-text-primary)",
userSelect: "all",
}}
>
{inviteCode}
</code>
<button
type="button"
onClick={() => {
if (typeof navigator !== "undefined" && navigator.clipboard) {
void navigator.clipboard.writeText(inviteCode);
}
}}
style={{
padding: "6px 12px",
borderRadius: 6,
border: "1px solid var(--idkit-border, rgba(0,0,0,0.1))",
background: "var(--idkit-surface, transparent)",
color: "var(--idkit-text-primary)",
fontSize: 12,
cursor: "pointer",
}}
>
{__("Copy")}
</button>
</div>
</div>
)}

{secondsRemaining !== null && (
<div
style={{
Expand Down
Loading