VSinerva/freesewing
1
0
Fork 0
Code Activity

chore: Remove OIDC signup/signin

Browse source
This commit is contained in:
joostdecock 2025-04-27 17:10:42 +02:00
parent 4324bd5988
commit 6d9e79fe59
3 changed files with 87 additions and 126 deletions
Download patch file Download diff file Expand all files Collapse all files

25
packages/react/components/SignIn/index.mjs
View file

@ -210,7 +210,8 @@ export const SignIn = ({ onSuccess = false, silent = false }) => {
return (
<WrapForm>
<H1>{seenBefore ? `Welcome back ${seenUser}` : 'Welcome'}</H1>
<H4>Sign in to FreeSewing</H4>
<fieldset className="tw:daisy-fieldset tw:border-base-300 tw:border tw:rounded-box tw:p-4 tw:mb-4">
<legend className="tw:daisy-fieldset-legend">Sign in to FreeSewing</legend>
{!seenBefore && (
<StringInput
label="Your Email address, Username, or User #"
@ -268,26 +269,14 @@ export const SignIn = ({ onSuccess = false, silent = false }) => {
</>
)}
<button
className={`tw:block tw:md:flex tw:md:flex-row tw:md:justify-between tw:md:items-center tw:daisy-btn tw:daisy-btn-primary tw:daisy-btn-outline tw:w-full tw:mt-8`}
className={`tw:block tw:md:flex tw:md:flex-row tw:md:justify-between tw:md:items-center tw:daisy-btn tw:daisy-btn-primary tw:daisy-btn-outline tw:w-full tw:mt-1`}
onClick={() => setMagicLink(!magicLink)}
>
<span className="tw:hidden tw:lg:block">{magicLink ? <LockIcon /> : <EmailIcon />}</span>
{magicLink ? 'Use your password' : 'Email me a sign-in link'}
<span className="tw:hidden tw:lg:block">{magicLink ? <KeyIcon /> : <EmailIcon />}</span>
</button>
<div className="tw:grid tw:grid-cols-1 tw:md:grid-cols-2 tw:gap-2 tw:items-center tw:mt-2">
{['Google', 'Github'].map((provider) => (
<button
key={provider}
id={provider}
className={`${horFlexClasses} tw:daisy-btn tw:daisy-btn-secondary`}
onClick={() => initOauth(provider)}
>
{provider === 'Google' ? <GoogleIcon stroke={0} /> : <GitHubIcon />}
<span>Sign in with {provider}</span>
</button>
))}
</div>
</fieldset>
{seenBefore ? (
<button
className={`${horFlexClasses} tw:daisy-btn tw:daisy-btn-neutral tw:daisy-btn-outline tw:mt-2 tw:w-full`}
@ -301,8 +290,10 @@ export const SignIn = ({ onSuccess = false, silent = false }) => {
className={`${horFlexClasses} tw:daisy-btn tw:daisy-btn-lg tw:daisy-btn-neutral tw:mt-2 tw:hover:text-neutral-content tw:hover:no-underline`}
href="/signup"
>
<FreeSewingIcon className="tw:h-10 tw:w-10" />
Sign up here
<span className="tw:text-neutral-content">
<FreeSewingIcon className="tw:h-8 tw:w-8" />
</span>
<span className="tw:text-neutral-content">Sign up here</span>
</Link>
)}
</WrapForm>

44
packages/react/components/SignUp/index.mjs
View file

@ -152,7 +152,8 @@ export const SignUp = ({ embed = false }) => {
)
) : (
<>
<p className="tw:text-inherit">To receive a sign-up link, enter your email address</p>
<fieldset className="tw:daisy-fieldset tw:border-base-300 tw:border tw:rounded-box tw:p-4 tw:mb-4">
<legend className="tw:daisy-fieldset-legend">Sign up for FreeSewing</legend>
<form onSubmit={signupHandler}>
<EmailInput
id="signup-email"
@ -172,44 +173,13 @@ export const SignUp = ({ embed = false }) => {
Email me a sign-up link
</IconButton>
</form>
{showAll ? (
<>
<div className="tw:grid tw:grid-cols-1 tw:md:grid-cols-2 tw:gap-1 tw:items-center tw:mt-1">
{['Google', 'GitHub'].map((provider) => (
<IconButton
key={provider}
id={provider}
color="secondary"
onClick={() => initOauth(provider)}
>
{provider === 'Google' ? <GoogleIcon stroke={0} /> : <GitHubIcon />}
<span>Sign up with {provider}</span>
</IconButton>
))}
</div>
<IconButton color="neutral" href="/signin" className="tw:daisy-btn-lg tw:mt-1">
<span className="tw:hidden tw:md:block">
<KeyIcon className="tw:h-10 tw:w-10" />
</fieldset>
<IconButton color="neutral" href="/signin" className="tw:daisy-btn-lg tw:mt-4">
<span className="tw:hidden tw:md:block tw:text-neutral-content">
<KeyIcon className="tw:h-8 tw:w-8" />
</span>
Sign in here
<span className="tw:text-neutral-content">Sign in here</span>
</IconButton>
<div className="tw:flex tw:flex-row tw:justify-center tw:mt-2">
<IconButton color="ghost" onClick={() => setShowAll(false)}>
<DownIcon className="tw:w-6 tw:h-6 tw:rotate-180" />
Fewer options
<DownIcon className="tw:w-6 tw:h-6 tw:rotate-180" />
</IconButton>
</div>
</>
) : (
<div className="tw:flex tw:flex-row tw:justify-center tw:mt-2">
<IconButton color="ghost" onClick={() => setShowAll(true)}>
<DownIcon />
More options
<DownIcon />
</IconButton>
</div>
)}
</>
)}
</div>

2
sites/org/src/css/dark.css
View file

@ -129,7 +129,7 @@ html[data-theme='dark'] {
--color-secondary-content: oklch(0.145 0 0);
--color-accent: oklch(0.833 0.145 321.434);
--color-accent-content: oklch(0.145 0 0);
--color-neutral: oklch(0.87 0 0);
--color-neutral: oklch(0.708 0 0);
--color-neutral-content: oklch(0.145 0 0);
--color-info: oklch(0.945 0.129 101.54);
--color-info-content: oklch(0.145 0 0);