poignatov/play-life
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix profile layout: align list items and add integration icons
All checks were successful
Build and Push Docker Image / build-and-push (push) Successful in 30s
Details

Browse Source
This commit is contained in:
Play Life Bot
2026-01-02 16:04:22 +03:00
parent d012f39be8
commit 1b2c79a8f2
3 changed files with 25 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
VERSION
View File

@@ -1 +1 @@
2.5.0 2.6.0

2
play-life-web/package.json
View File

@@ -1,6 +1,6 @@
{ {
"name": "play-life-web", "name": "play-life-web",
"version": "2.0.6", "version": "2.6.0",
"type": "module", "type": "module",
"scripts": { "scripts": {
"dev": "vite", "dev": "vite",

31
play-life-web/src/components/Profile.jsx
View File

@@ -8,8 +8,25 @@ function Profile({ onNavigate }) {
const [selectedIntegration, setSelectedIntegration] = useState(null) const [selectedIntegration, setSelectedIntegration] = useState(null)
const integrations = [ const integrations = [
{ id: 'todoist', name: 'TODOist', icon: '' }, {
{ id: 'telegram', name: 'Telegram', icon: '' }, id: 'todoist',
name: 'TODOist',
icon: (
<svg className="w-6 h-6" viewBox="0 0 24 24" fill="currentColor">
<path d="M21.5 2.5v19l-9-4.5-9 4.5v-19l9-4.5 9 4.5zm-1 1.5l-8-4-8 4v16.5l8-4 8 4V4z"/>
<path d="M7 7h10v2H7V7zm0 4h10v2H7v-2zm0 4h7v2H7v-2z"/>
</svg>
),
},
{
id: 'telegram',
name: 'Telegram',
icon: (
<svg className="w-6 h-6" viewBox="0 0 24 24" fill="currentColor">
<path d="M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12 12-5.373 12-12S18.627 0 12 0zm5.894 8.221l-1.97 9.28c-.145.658-.537.818-1.084.508l-3-2.21-1.446 1.394c-.14.18-.357.295-.6.295-.002 0-.003 0-.005 0l.213-3.054 5.56-5.022c.24-.213-.054-.334-.373-.12l-6.87 4.326-2.96-.924c-.64-.203-.658-.64.135-.954l11.566-4.458c.538-.196 1.006.128.832.941z"/>
</svg>
),
},
] ]
const handleLogout = async () => { const handleLogout = async () => {
@@ -57,7 +74,7 @@ function Profile({ onNavigate }) {
> >
<div className="flex items-center justify-between"> <div className="flex items-center justify-between">
<div className="flex items-center space-x-3"> <div className="flex items-center space-x-3">
<span className="text-2xl">{integration.icon}</span> <span className="text-indigo-600 flex-shrink-0">{integration.icon}</span>
<span className="text-gray-800 font-medium group-hover:text-indigo-600 transition-colors"> <span className="text-gray-800 font-medium group-hover:text-indigo-600 transition-colors">
{integration.name} {integration.name}
</span> </span>
@@ -89,11 +106,9 @@ function Profile({ onNavigate }) {
className="w-full p-4 bg-white rounded-xl shadow-sm hover:shadow-md transition-all text-left border border-gray-100 hover:border-red-200 group" className="w-full p-4 bg-white rounded-xl shadow-sm hover:shadow-md transition-all text-left border border-gray-100 hover:border-red-200 group"
> >
<div className="flex items-center justify-between"> <div className="flex items-center justify-between">
<div className="flex items-center space-x-3"> <span className="text-gray-800 font-medium group-hover:text-red-600 transition-colors">
<span className="text-gray-800 font-medium group-hover:text-red-600 transition-colors"> Выйти из аккаунта
Выйти из аккаунта </span>
</span>
</div>
<svg <svg
className="w-5 h-5 text-gray-400 group-hover:text-red-500 transition-colors" className="w-5 h-5 text-gray-400 group-hover:text-red-500 transition-colors"
fill="none" fill="none"