Goalsystem V1 #50
|
|
@ -1,5 +1,6 @@
|
||||||
import React, { useState, useEffect } from 'react'
|
import React, { useState, useEffect } from 'react'
|
||||||
import { Brain, Trash2, ChevronDown, ChevronUp } from 'lucide-react'
|
import { Brain, Trash2, ChevronDown, ChevronUp, Target } from 'lucide-react'
|
||||||
|
import { useNavigate } from 'react-router-dom'
|
||||||
import { api } from '../utils/api'
|
import { api } from '../utils/api'
|
||||||
import { useAuth } from '../context/AuthContext'
|
import { useAuth } from '../context/AuthContext'
|
||||||
import Markdown from '../utils/Markdown'
|
import Markdown from '../utils/Markdown'
|
||||||
|
|
@ -277,6 +278,7 @@ function InsightCard({ ins, onDelete, defaultOpen=false, prompts=[] }) {
|
||||||
|
|
||||||
export default function Analysis() {
|
export default function Analysis() {
|
||||||
const { canUseAI } = useAuth()
|
const { canUseAI } = useAuth()
|
||||||
|
const navigate = useNavigate()
|
||||||
const [prompts, setPrompts] = useState([])
|
const [prompts, setPrompts] = useState([])
|
||||||
const [allInsights, setAllInsights] = useState([])
|
const [allInsights, setAllInsights] = useState([])
|
||||||
const [loading, setLoading] = useState(null)
|
const [loading, setLoading] = useState(null)
|
||||||
|
|
@ -386,7 +388,16 @@ export default function Analysis() {
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div>
|
<div>
|
||||||
<h1 className="page-title">KI-Analyse</h1>
|
<div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', marginBottom: 16 }}>
|
||||||
|
<h1 className="page-title" style={{ margin: 0 }}>KI-Analyse</h1>
|
||||||
|
<button
|
||||||
|
className="btn btn-secondary"
|
||||||
|
onClick={() => navigate('/goals')}
|
||||||
|
style={{ fontSize: 13, padding: '6px 12px' }}
|
||||||
|
>
|
||||||
|
<Target size={14} /> Ziele
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div className="tabs">
|
<div className="tabs">
|
||||||
<button className={'tab'+(tab==='run'?' active':'')} onClick={()=>setTab('run')}>Analysen starten</button>
|
<button className={'tab'+(tab==='run'?' active':'')} onClick={()=>setTab('run')}>Analysen starten</button>
|
||||||
|
|
|
||||||
|
|
@ -509,7 +509,7 @@ export default function GoalsPage() {
|
||||||
<input
|
<input
|
||||||
type="text"
|
type="text"
|
||||||
className="form-input"
|
className="form-input"
|
||||||
style={{ width: '100%' }}
|
style={{ width: '100%', textAlign: 'left' }}
|
||||||
value={formData.name}
|
value={formData.name}
|
||||||
onChange={e => setFormData(f => ({ ...f, name: e.target.value }))}
|
onChange={e => setFormData(f => ({ ...f, name: e.target.value }))}
|
||||||
placeholder="z.B. Sommerfigur 2026"
|
placeholder="z.B. Sommerfigur 2026"
|
||||||
|
|
@ -572,7 +572,7 @@ export default function GoalsPage() {
|
||||||
<input
|
<input
|
||||||
type="date"
|
type="date"
|
||||||
className="form-input"
|
className="form-input"
|
||||||
style={{ width: '100%' }}
|
style={{ width: '100%', textAlign: 'left' }}
|
||||||
value={formData.target_date}
|
value={formData.target_date}
|
||||||
onChange={e => setFormData(f => ({ ...f, target_date: e.target.value }))}
|
onChange={e => setFormData(f => ({ ...f, target_date: e.target.value }))}
|
||||||
/>
|
/>
|
||||||
|
|
@ -591,7 +591,7 @@ export default function GoalsPage() {
|
||||||
</label>
|
</label>
|
||||||
<textarea
|
<textarea
|
||||||
className="form-input"
|
className="form-input"
|
||||||
style={{ width: '100%', minHeight: 80 }}
|
style={{ width: '100%', minHeight: 80, textAlign: 'left' }}
|
||||||
value={formData.description}
|
value={formData.description}
|
||||||
onChange={e => setFormData(f => ({ ...f, description: e.target.value }))}
|
onChange={e => setFormData(f => ({ ...f, description: e.target.value }))}
|
||||||
rows={3}
|
rows={3}
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user