fix: Remove photo URL TextField completely and add debug logging
- Completely removed TextField from PhotoUpload component (not just hidden) - Added console logging to AppShell to debug user photo updates - Rebuilt frontend to ensure changes are deployed The TextField was showing base64 strings even with display:none due to Next.js caching. Complete removal ensures clean UI. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
@@ -165,18 +165,7 @@ export function PhotoUpload({
|
||||
</IconButton>
|
||||
</Box>
|
||||
|
||||
{/* Hidden URL field - users can paste URLs if needed, but field is collapsed by default */}
|
||||
<TextField
|
||||
label="Photo URL (optional)"
|
||||
value={value && !value.startsWith('data:') ? value : ''}
|
||||
onChange={(e) => onChange(e.target.value)}
|
||||
fullWidth
|
||||
size="small"
|
||||
placeholder="Or paste an image URL here"
|
||||
disabled={disabled || uploading}
|
||||
helperText={uploading ? 'Processing image...' : 'Click camera icon to upload a photo'}
|
||||
sx={{ display: 'none' }} // Hide the URL field completely
|
||||
/>
|
||||
{/* Photo URL field removed - users upload via camera icon only */}
|
||||
</Paper>
|
||||
</Box>
|
||||
);
|
||||
|
||||
@@ -37,6 +37,15 @@ export const AppShell = ({ children }: AppShellProps) => {
|
||||
const { isConnected, presence } = useWebSocket();
|
||||
const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);
|
||||
|
||||
// Debug: Log user photo changes
|
||||
React.useEffect(() => {
|
||||
console.log('👤 User updated in AppShell:', {
|
||||
name: user?.name,
|
||||
hasPhoto: !!user?.photoUrl,
|
||||
photoPreview: user?.photoUrl?.substring(0, 50)
|
||||
});
|
||||
}, [user?.photoUrl]);
|
||||
|
||||
const handleMenuOpen = (event: React.MouseEvent<HTMLElement>) => {
|
||||
setAnchorEl(event.currentTarget);
|
||||
};
|
||||
|
||||
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user