refactor: convert repository to monorepo with npm workspaces
Restructured the repository into a monorepo to better organize application code and maintenance scripts. ## Workspace Structure - web-app: Next.js application (all app code moved from root) - housekeeping: Database backup and maintenance scripts ## Key Changes - Moved all application code to web-app/ using git mv - Moved database scripts to housekeeping/ workspace - Updated Dockerfile for monorepo build process - Updated docker-compose files (volume paths: ./web-app/etc/hosts/) - Updated .gitignore for workspace-level node_modules - Updated documentation (README.md, CLAUDE.md, CHANGELOG.md) ## Migration Impact - Root package.json now manages workspaces - Build commands delegate to web-app workspace - All file history preserved via git mv - Docker build process updated for workspace structure 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
This commit is contained in:
30
web-app/app/ui/SignInButton.tsx
Normal file
30
web-app/app/ui/SignInButton.tsx
Normal file
@@ -0,0 +1,30 @@
|
||||
"use client";
|
||||
|
||||
import { signIn } from "next-auth/react"
|
||||
import { useTranslations } from "next-intl";
|
||||
import Image from "next/image";
|
||||
|
||||
const providerLogo = (provider: {id:string, name:string}) => {
|
||||
switch(provider.id) {
|
||||
case "google": return "https://authjs.dev/img/providers/google.svg";
|
||||
case "facebook": return "https://authjs.dev/img/providers/facebook.svg";
|
||||
case "github": return "https://authjs.dev/img/providers/github.svg";
|
||||
case "twitter": return "https://authjs.dev/img/providers/twitter.svg";
|
||||
case "email": return "https://authjs.dev/img/providers/email.svg";
|
||||
case "linkedin": return "https://authjs.dev/img/providers/linkedin.svg";
|
||||
default: return "https://authjs.dev/img/providers/google.svg";
|
||||
}
|
||||
}
|
||||
|
||||
export const SignInButton:React.FC<{ provider: {id:string, name:string} }> = ({ provider }) => {
|
||||
|
||||
const t = useTranslations("login-page");
|
||||
|
||||
return(
|
||||
<button className="btn btn-neutral m-1" onClick={() => signIn(provider.id, { callbackUrl:"/home" }) } data-umami-event="user-login">
|
||||
<Image alt="Provider Logo" loading="lazy" height="24" width="24" id="provider-logo-dark" src={providerLogo(provider)} />
|
||||
<span>
|
||||
{t("sign-in-button")} {provider.name}</span>
|
||||
</button>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user