Move Divider to _components folder in trust auth pages
Signed-off-by: Bryan Frimin <bryan@getprobo.com>
This commit is contained in:
@@ -16,6 +16,8 @@ import { useFormWithSchema } from "#/hooks/useFormWithSchema";
|
|||||||
import { useSafeContinueUrl } from "#/hooks/useSafeContinueUrl";
|
import { useSafeContinueUrl } from "#/hooks/useSafeContinueUrl";
|
||||||
import { getPathPrefix } from "#/utils/pathPrefix";
|
import { getPathPrefix } from "#/utils/pathPrefix";
|
||||||
|
|
||||||
|
import { Divider } from "./_components/Divider";
|
||||||
|
|
||||||
import type { ConnectPageMutation, SendMagicLinkInput } from "./__generated__/ConnectPageMutation.graphql";
|
import type { ConnectPageMutation, SendMagicLinkInput } from "./__generated__/ConnectPageMutation.graphql";
|
||||||
import type { ConnectPageOIDCButtonFragment$key } from "./__generated__/ConnectPageOIDCButtonFragment.graphql";
|
import type { ConnectPageOIDCButtonFragment$key } from "./__generated__/ConnectPageOIDCButtonFragment.graphql";
|
||||||
import type { ConnectPageQuery } from "./__generated__/ConnectPageQuery.graphql";
|
import type { ConnectPageQuery } from "./__generated__/ConnectPageQuery.graphql";
|
||||||
@@ -64,17 +66,6 @@ type FormData = z.infer<typeof schema>;
|
|||||||
|
|
||||||
const timerDurationSeconds = 60;
|
const timerDurationSeconds = 60;
|
||||||
|
|
||||||
function Divider({ children }: { children: React.ReactNode }) {
|
|
||||||
return (
|
|
||||||
<div className="relative my-6 w-full">
|
|
||||||
<div className="border-t border-border-mid" />
|
|
||||||
<span className="px-4 text-xs uppercase text-txt-secondary bg-level-0 absolute top-0 left-1/2 -translate-1/2">
|
|
||||||
{children}
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
function OIDCButtons({
|
function OIDCButtons({
|
||||||
providers,
|
providers,
|
||||||
safeContinueUrl,
|
safeContinueUrl,
|
||||||
|
|||||||
10
apps/trust/src/pages/auth/_components/Divider.tsx
Normal file
10
apps/trust/src/pages/auth/_components/Divider.tsx
Normal file
@@ -0,0 +1,10 @@
|
|||||||
|
export function Divider({ children }: { children: React.ReactNode }) {
|
||||||
|
return (
|
||||||
|
<div className="relative my-6 w-full">
|
||||||
|
<div className="border-t border-border-mid" />
|
||||||
|
<span className="px-4 text-xs uppercase text-txt-secondary bg-level-0 absolute top-0 left-1/2 -translate-1/2">
|
||||||
|
{children}
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user