CopyBot/create-farcaster-mini-app
1
0
Fork 0
mirror of https://github.com/neynarxyz/create-farcaster-mini-app.git synced 2025-12-07 01:42:31 -05:00
Code Issues Packages Projects Releases Wiki Activity

with backend support

Browse Source
This commit is contained in:
Shreyaschorge
2025-07-10 18:42:39 +05:30
parent 7de86c4a15
commit 6a7d1424e9
5 changed files with 346 additions and 161 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
src/components/ui/NeynarAuthButton/ProfileButton.tsx
View File

@@ -20,7 +20,7 @@ export function ProfileButton({
const pfpUrl = userData?.pfpUrl ?? 'https://farcaster.xyz/avatar.png';
return (
<div className='relative' ref={ref}>
<div className="relative" ref={ref}>
<button
onClick={() => setShowDropdown(!showDropdown)}
className={cn(
@@ -33,14 +33,14 @@ export function ProfileButton({
{/* eslint-disable-next-line @next/next/no-img-element */}
<img
src={pfpUrl}
alt='Profile'
className='w-6 h-6 rounded-full object-cover flex-shrink-0'
alt="Profile"
className="w-6 h-6 rounded-full object-cover flex-shrink-0"
onError={(e) => {
(e.target as HTMLImageElement).src =
'https://farcaster.xyz/avatar.png';
}}
/>
<span className='text-sm font-medium truncate max-w-[120px]'>
<span className="text-sm font-medium truncate max-w-[120px]">
{name ? name : '...'}
</span>
<svg
@@ -48,39 +48,39 @@ export function ProfileButton({
'w-4 h-4 transition-transform flex-shrink-0',
showDropdown && 'rotate-180'
)}
fill='none'
stroke='currentColor'
viewBox='0 0 24 24'
fill="none"
stroke="currentColor"
viewBox="0 0 24 24"
>
<path
strokeLinecap='round'
strokeLinejoin='round'
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={2}
d='M19 9l-7 7-7-7'
d="M19 9l-7 7-7-7"
/>
</svg>
</button>
{showDropdown && (
<div className='absolute top-full right-0 left-0 mt-1 w-48 bg-white dark:bg-gray-800 rounded-lg shadow-lg border border-gray-200 dark:border-gray-700 z-50'>
<div className="absolute top-full right-0 left-0 mt-1 w-48 bg-white dark:bg-gray-800 rounded-lg shadow-lg border border-gray-200 dark:border-gray-700 z-50">
<button
onClick={() => {
onSignOut();
setShowDropdown(false);
}}
className='w-full px-4 py-3 text-left text-sm text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-700 flex items-center gap-3 rounded-lg transition-colors'
className="w-full px-4 py-3 text-left text-sm text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-700 flex items-center gap-3 rounded-lg transition-colors"
>
<svg
className='w-4 h-4'
fill='none'
stroke='currentColor'
viewBox='0 0 24 24'
className="w-4 h-4"
fill="none"
stroke="currentColor"
viewBox="0 0 24 24"
>
<path
strokeLinecap='round'
strokeLinejoin='round'
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.5}
d='M17 16l4-4m0 0l-4-4m4 4H7m6 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h4a3 3 0 013 3v1'
d="M17 16l4-4m0 0l-4-4m4 4H7m6 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h4a3 3 0 013 3v1"
/>
</svg>
Sign out