1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
use crate::options::RedirectOptions;
use dioxus::prelude::*;
/// Redirect signed-out users to Clerk's sign-in flow after clerk-js loads.
///
/// # Example
///
/// ```no_run
/// use dioxus::prelude::*;
/// use dioxus_clerk::*;
///
/// #[component]
/// fn ProtectedPage() -> Element {
/// rsx! {
/// SignedOut { RedirectToSignIn {} }
/// SignedIn { h1 { "Dashboard" } }
/// }
/// }
/// ```
#[component]
pub fn RedirectToSignIn(
/// Always redirect here after sign-in.
#[props(into)]
force_redirect_url: Option<String>,
/// Fallback redirect URL after sign-in.
#[props(into)]
fallback_redirect_url: Option<String>,
/// Always redirect here after sign-up from sign-in.
#[props(into)]
sign_up_force_redirect_url: Option<String>,
/// Fallback redirect URL after sign-up from sign-in.
#[props(into)]
sign_up_fallback_redirect_url: Option<String>,
/// Advanced options forwarded to Clerk, as a
/// [`RedirectOptions`](crate::RedirectOptions) builder or a raw
/// `serde_json::Value`. Explicit props win when both set the same Clerk
/// option key.
#[props(default = RedirectOptions::from_value(serde_json::Value::Null), into)]
options: RedirectOptions,
) -> Element {
let options = options
.maybe_force_redirect_url(force_redirect_url)
.maybe_fallback_redirect_url(fallback_redirect_url)
.maybe_sign_up_force_redirect_url(sign_up_force_redirect_url)
.maybe_sign_up_fallback_redirect_url(sign_up_fallback_redirect_url)
.into_value();
#[cfg(clerk_client)]
crate::lifecycle::use_redirect_to_sign_in(options.clone());
#[cfg(not(clerk_client))]
let _ = &options;
rsx! {}
}
/// Redirect signed-out users to Clerk's sign-up flow after clerk-js loads.
#[component]
pub fn RedirectToSignUp(
/// Always redirect here after sign-up.
#[props(into)]
force_redirect_url: Option<String>,
/// Fallback redirect URL after sign-up.
#[props(into)]
fallback_redirect_url: Option<String>,
/// Always redirect here after sign-in from sign-up.
#[props(into)]
sign_in_force_redirect_url: Option<String>,
/// Fallback redirect URL after sign-in from sign-up.
#[props(into)]
sign_in_fallback_redirect_url: Option<String>,
/// Advanced options forwarded to Clerk, as a
/// [`RedirectOptions`](crate::RedirectOptions) builder or a raw
/// `serde_json::Value`. Explicit props win when both set the same Clerk
/// option key.
#[props(default = RedirectOptions::from_value(serde_json::Value::Null), into)]
options: RedirectOptions,
) -> Element {
let options = options
.maybe_force_redirect_url(force_redirect_url)
.maybe_fallback_redirect_url(fallback_redirect_url)
.maybe_sign_in_force_redirect_url(sign_in_force_redirect_url)
.maybe_sign_in_fallback_redirect_url(sign_in_fallback_redirect_url)
.into_value();
#[cfg(clerk_client)]
crate::lifecycle::use_redirect_to_sign_up(options.clone());
#[cfg(not(clerk_client))]
let _ = &options;
rsx! {}
}