clone/afilmory
1
0
Fork 0
mirror of https://github.com/Afilmory/afilmory synced 2026-02-01 22:48:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(auth): enhance LoginStep with platform description and adjust layout

Browse Source 
- Added a descriptive paragraph about Afilmory as a photo gallery platform to the LoginStep component.
- Updated layout classes for improved consistency and alignment in the LoginStep and SuperAdminTenantManager components.

Signed-off-by: Innei <tukon479@gmail.com>
This commit is contained in:
Innei
2025-11-17 18:15:17 +08:00
parent a6a7e2be33
commit 53abfc598d
2 changed files with 16 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
be/apps/dashboard/src/modules/auth/components/registration-wizard/steps/LoginStep.tsx
View File

@@ -16,6 +16,15 @@ type LoginStepProps = {
export const LoginStep: FC<LoginStepProps> = ({ user, isAuthenticated, onContinue, isContinuing }) => (
<div className="space-y-8">
<section className="space-y-3">
<p className="text-text text-sm">
Afilmory is a modern SaaS{' '}
<a href="https://github.com/Afilmory/Afilmory/blob/main/README.md" target="_blank" rel="noopener noreferrer">
photo gallery platform
</a>{' '}
that auto-syncs your libraries, renders them with WebGL, and powers tenant workspaces. The dashboard is the
command center for those capabilities, so connecting your account lets us personalize the workspace setup for
your team.
</p>
<h2 className="text-text text-lg font-semibold">Sign in to continue</h2>
<p className="text-text-secondary text-sm">
Use your organization&apos;s identity provider to create a workspace. We&apos;ll use your profile details to set
@@ -25,15 +34,15 @@ export const LoginStep: FC<LoginStepProps> = ({ user, isAuthenticated, onContinu
{!isAuthenticated ? (
<div className="space-y-4">
<div className="bg-fill/40 rounded-2xl border border-white/5 px-6 py-5">
<div className="bg-fill/40 rounded border border-white/5 px-6 py-5">
<p className="text-text-secondary text-sm">
Choose your provider below. After completing the sign-in flow you&apos;ll return here automatically.
</p>
</div>
<SocialAuthButtons className="max-w-sm" requestSignUp layout="row" />
<SocialAuthButtons className="max-w-sm" requestSignUp title="Continue with" layout="row" />
</div>
) : (
<div className="bg-fill/40 rounded-2xl border border-white/5 p-6">
<div className="bg-fill/40 rounded border border-white/5 p-6">
<p className="text-text-secondary text-sm">You&apos;re signed in as</p>
<div className="text-text mt-2 text-lg font-semibold">{user?.name || user?.email}</div>
<div className="text-text-tertiary text-sm">{user?.email}</div>

8
be/apps/dashboard/src/modules/super-admin/components/SuperAdminTenantManager.tsx
View File

@@ -110,8 +110,8 @@ export function SuperAdminTenantManager() {
<tr className="text-text-tertiary text-xs uppercase tracking-wide">
<th className="px-3 py-2 text-left">租户</th>
<th className="px-3 py-2 text-left">订阅计划</th>
<th className="px-3 py-2 text-left">状态</th>
<th className="px-3 py-2 text-left">封禁</th>
<th className="px-3 py-2 text-center">状态</th>
<th className="px-3 py-2 text-center">封禁</th>
<th className="px-3 py-2 text-left">创建时间</th>
</tr>
</thead>
@@ -130,10 +130,10 @@ export function SuperAdminTenantManager() {
onChange={(nextPlan) => handlePlanChange(tenant, nextPlan)}
/>
</td>
<td className="px-3">
<td className="px-3 flex mt-4 justify-center">
<StatusBadge status={tenant.status} banned={tenant.banned} />
</td>
<td className="px-3 py-3">
<td className="px-3 flex mt-4 justify-center">
<Button
type="button"
size="sm"