Skip to content
This repository was archived by the owner on May 23, 2025. It is now read-only.

better-authでのgoogle認証実装をしたかった #51

Open
gaku1023 wants to merge 1 commit into
base: main
Choose a base branch
from
Open

better-authでのgoogle認証実装をしたかった #51

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
5 changes: 5 additions & 0 deletions .gitignore
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,3 +12,8 @@

# Editor
*.code-workspace

.env
.dev.vars

.drizzle
13 changes: 7 additions & 6 deletions app/app.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,15 +3,16 @@
@plugin "@tailwindcss/typography";

@theme {
--font-sans: "Inter", ui-sans-serif, system-ui, sans-serif,
"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--font-sans: "Inter", ui-sans-serif, system-ui, sans-serif,
"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
"Noto Color Emoji";
}

html,
body {
@apply bg-white dark:bg-gray-950;
@apply bg-white dark:bg-gray-950;

@media (prefers-color-scheme: dark) {
color-scheme: dark;
}
@media (prefers-color-scheme: dark) {
color-scheme: dark;
}
}
30 changes: 18 additions & 12 deletions app/components/AccountMenu.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,27 +1,33 @@
import { useState } from 'react';
import { useState } from "react";
import { authClient } from "../lib/auth-client";

export const AccountMenu = () => {
const [isOpen, setIsOpen] = useState(false);

const handleLogin = async () => {
await authClient.signIn.social({
provider: "google",
callbackURL: "/api/auth/callback/google",
});
};

return (
<div className='relative'>
<div className='dropdown dropdown-end'>
{/* アバター（クリックでメニュー表示） */}
<div className="relative">
<div className="dropdown dropdown-end">
{/* ログインボタン */}
<button
type='button'
className='btn btn-ghost btn-circle avatar'
onClick={() => setIsOpen(!isOpen)}
type="button"
className="btn btn-primary"
onClick={handleLogin}
>
<div className='w-10 rounded-full'>
<img src='src/assets/avatar.png' alt='User Avatar' />
</div>
Googleでログイン
</button>

{/* メニュー */}
{/* メニュー - ログイン後に表示 */}
<ul
className={`menu menu-sm dropdown-content mt-3 p-2 shadow bg-neutral-700 text-white rounded-box w-48
transform transition-all duration-300 ease-out
${isOpen ? 'opacity-100 scale-100' : 'opacity-0 scale-90 pointer-events-none'}`}
${isOpen ? "opacity-100 scale-100" : "opacity-0 scale-90 pointer-events-none"}`}
>
<li>
<button onClick={() => setIsOpen(false)}>
Expand Down
8 changes: 4 additions & 4 deletions app/components/AddIdeaButton.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,14 +1,14 @@
import type React from 'react';
import { useState } from 'react';
import { IdeaForm } from './IdeaForm';
import type React from "react";
import { useState } from "react";
import { IdeaForm } from "./IdeaForm";

export const AddIdeaButton: React.FC = () => {
const [isOpen, setIsOpen] = useState(false);

return (
<>
<button
className='fixed bottom-4 right-4 bg-neutral-700 text-white w-12 h-12 flex items-center justify-center rounded-full shadow-lg hover:bg-gray-600 transition duration-200'
className="fixed bottom-4 right-4 bg-neutral-700 text-white w-12 h-12 flex items-center justify-center rounded-full shadow-lg hover:bg-gray-600 transition duration-200"
onClick={() => setIsOpen(true)}
>
＋
Expand Down
68 changes: 0 additions & 68 deletions app/components/Login.css
View file
Open in desktop

This file was deleted.

31 changes: 0 additions & 31 deletions app/components/Login.tsx
View file
Open in desktop

This file was deleted.

104 changes: 0 additions & 104 deletions app/components/Register.css
View file
Open in desktop

This file was deleted.

38 changes: 0 additions & 38 deletions app/components/Register.tsx
View file
Open in desktop

This file was deleted.

22 changes: 11 additions & 11 deletions app/components/SearchBar.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,28 +1,28 @@
import { useState } from 'react';
import { HiOutlineSearch } from 'react-icons/hi';
import { useState } from "react";
import { HiOutlineSearch } from "react-icons/hi";

export const SearchBar = () => {
const [query, setQuery] = useState('');
const [query, setQuery] = useState("");

const handleSearch = (e: React.FormEvent) => {
e.preventDefault();
console.log('検索クエリ:', query); // とりあえずconsole.logしとく
console.log("検索クエリ:", query); // とりあえずconsole.logしとく
};

return (
<form onSubmit={handleSearch} className='w-72'>
<form onSubmit={handleSearch} className="w-72">
<div
className='flex items-center bg-neutral-700 text-white rounded-full shadow-md px-4 py-1
hover:bg-neutral-600 focus-within:ring-2 focus-within:ring-gray-400 transition'
className="flex items-center bg-neutral-700 text-white rounded-full shadow-md px-4 py-1
hover:bg-neutral-600 focus-within:ring-2 focus-within:ring-gray-400 transition"
>
<input
type='text'
type="text"
value={query}
onChange={e => setQuery(e.target.value)}
className='bg-transparent outline-none w-full text-white placeholder-gray-400'
className="bg-transparent outline-none w-full text-white placeholder-gray-400"
/>
<button type='submit' className='btn btn-ghost btn-sm'>
<HiOutlineSearch className='text-white w-5 h-5 hover:text-gray-300 transition' />
<button type="submit" className="btn btn-ghost btn-sm">
<HiOutlineSearch className="text-white w-5 h-5 hover:text-gray-300 transition" />
</button>
</div>
</form>
Expand Down
Empty file removed app/components/index.tsx
View file
Open in desktop
Empty file.
4 changes: 2 additions & 2 deletions app/components/mindmap.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
.sigma-container {
width: 99%;
height: 99%;
width: 99%;
height: 99%;
}
3 changes: 3 additions & 0 deletions app/lib/auth-client.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
import { createAuthClient } from "better-auth/react";

export const authClient = createAuthClient();
Loading