From f7481b24cb309d3a06889618c4db664dd61e7410 Mon Sep 17 00:00:00 2001 From: Ida Dittrich Date: Fri, 22 Aug 2025 12:49:47 +0200 Subject: [PATCH] fixed some design --- .../DashboardChat/DashboardChatAreaInput.tsx | 4 +- .../DashboardChatAreaInput.module.css | 2 +- .../DashboardChatConnectedFiles.module.css | 3 +- .../DashboardChatMessages.module.css | 2 +- src/components/PageManager/pageConfigs.ts | 22 ----- src/pages/Home/Einstellungen.tsx | 83 +++++++++---------- .../Home/HomeStyles/Dashboard.module.css | 16 ++-- .../Home/HomeStyles/Workflows.module.css | 9 -- src/pages/Home/TeamBereich.tsx | 1 - 9 files changed, 56 insertions(+), 86 deletions(-) diff --git a/src/components/Dashboard/DashboardChat/DashboardChatAreaInput.tsx b/src/components/Dashboard/DashboardChat/DashboardChatAreaInput.tsx index a44bfd1..853baf7 100644 --- a/src/components/Dashboard/DashboardChat/DashboardChatAreaInput.tsx +++ b/src/components/Dashboard/DashboardChat/DashboardChatAreaInput.tsx @@ -2,7 +2,7 @@ import React, { useState, useEffect, useRef } from 'react'; import FileAttachmentPopup from './FileAttachmentPopup'; import { InputAreaProps, AttachedFile } from './dashboardChatAreaTypes'; import { useLanguage } from '../../../contexts/LanguageContext'; -import { useSimplePrompts } from '../../../hooks/usePrompts'; +import { usePrompts } from '../../../hooks/usePrompts'; import styles from './DashboardChatAreaStyles/DashboardChatAreaInput.module.css'; import sharedStyles from './DashboardChatAreaStyles/DashboardChat.module.css'; @@ -16,7 +16,7 @@ const InputArea: React.FC = ({ onAttachedFilesChange }) => { const { t } = useLanguage(); - const { prompts, loading: promptsLoading } = useSimplePrompts(); + const { prompts, loading: promptsLoading } = usePrompts(); const [inputValue, setInputValue] = useState(''); const [showFilePopup, setShowFilePopup] = useState(false); const [isSending, setIsSending] = useState(false); diff --git a/src/components/Dashboard/DashboardChat/DashboardChatAreaStyles/DashboardChatAreaInput.module.css b/src/components/Dashboard/DashboardChat/DashboardChatAreaStyles/DashboardChatAreaInput.module.css index b27a8e3..80ad33b 100644 --- a/src/components/Dashboard/DashboardChat/DashboardChatAreaStyles/DashboardChatAreaInput.module.css +++ b/src/components/Dashboard/DashboardChat/DashboardChatAreaStyles/DashboardChatAreaInput.module.css @@ -73,7 +73,7 @@ border: 1px solid var(--color-primary); border-radius: 50%; background: var(--color-bg); - color: var(--color-gray); + color: var(--color-text); cursor: pointer; display: flex; align-items: center; diff --git a/src/components/Dashboard/DashboardChat/DashboardChatAreaStyles/DashboardChatConnectedFiles.module.css b/src/components/Dashboard/DashboardChat/DashboardChatAreaStyles/DashboardChatConnectedFiles.module.css index 60e6037..99273e3 100644 --- a/src/components/Dashboard/DashboardChat/DashboardChatAreaStyles/DashboardChatConnectedFiles.module.css +++ b/src/components/Dashboard/DashboardChat/DashboardChatAreaStyles/DashboardChatConnectedFiles.module.css @@ -63,6 +63,7 @@ .fileInfo { flex: 1; min-width: 0; + color: var(--color-text); } .fileName { @@ -79,7 +80,7 @@ .fileSize { font-size: 12px; - color: var(--color-gray); + color: var(--color-text); } .fileActions { diff --git a/src/components/Dashboard/DashboardChat/DashboardChatAreaStyles/DashboardChatMessages.module.css b/src/components/Dashboard/DashboardChat/DashboardChatAreaStyles/DashboardChatMessages.module.css index 8b31f71..df54036 100644 --- a/src/components/Dashboard/DashboardChat/DashboardChatAreaStyles/DashboardChatMessages.module.css +++ b/src/components/Dashboard/DashboardChat/DashboardChatAreaStyles/DashboardChatMessages.module.css @@ -153,7 +153,7 @@ /* Assistant message bubble */ .message_bubble.assistant { background-color: var(--color-highlight-gray); - color: var(--color-text); + color: #181818; border-bottom-left-radius: 4px; } diff --git a/src/components/PageManager/pageConfigs.ts b/src/components/PageManager/pageConfigs.ts index 13930c3..dc9bc3e 100644 --- a/src/components/PageManager/pageConfigs.ts +++ b/src/components/PageManager/pageConfigs.ts @@ -160,28 +160,6 @@ export const pageConfigs: PageConfig[] = [ onActivate: async () => { if (import.meta.env.DEV) console.log('Einstellungen activated'); } - }, - { - path: 'testSharepoint', - component: TestSharepoint, - persistent: false, - preload: true, - moduleEnabled: false, // Disabled by default - can be enabled for testing - // Sidebar properties - id: '8', - name: 'Test Sharepoint', - icon: FaShare, - order: 7, - showInSidebar: true, - onActivate: async () => { - if (import.meta.env.DEV) console.log('Test Sharepoint activated'); - }, - onLoad: async () => { - if (import.meta.env.DEV) console.log('Test Sharepoint loaded - can initialize test environment'); - }, - onUnload: async () => { - if (import.meta.env.DEV) console.log('Test Sharepoint unloaded - cleanup test resources'); - } } ]; diff --git a/src/pages/Home/Einstellungen.tsx b/src/pages/Home/Einstellungen.tsx index 2a7ad88..95d48ef 100644 --- a/src/pages/Home/Einstellungen.tsx +++ b/src/pages/Home/Einstellungen.tsx @@ -70,49 +70,48 @@ function Einstellungen() {
-
-
- {t('settings.theme')} - - {t('settings.theme.description')} - -
- - -
- -
-
- {t('settings.language')} - - {t('settings.language.description')} -
- - + + {isDarkMode ? t('settings.theme.dark') : t('settings.theme.light')} + + +
+ +
+
+ {t('settings.language')} + + {t('settings.language.description')} +
+ +
@@ -126,8 +125,8 @@ function Einstellungen() {
- -); + + ); } export default Einstellungen; \ No newline at end of file diff --git a/src/pages/Home/HomeStyles/Dashboard.module.css b/src/pages/Home/HomeStyles/Dashboard.module.css index d92b6de..76e72c9 100644 --- a/src/pages/Home/HomeStyles/Dashboard.module.css +++ b/src/pages/Home/HomeStyles/Dashboard.module.css @@ -58,10 +58,11 @@ flex-direction: column; align-items: center; gap: 2px; + color: var(--color-text); } .statLabel { - color: var(--color-text-secondary); + color: var(--color-text); font-size: 11px; text-transform: uppercase; } @@ -142,7 +143,8 @@ cursor: pointer; font-family: var(--font-family); transition: 0.2s ease; - border-bottom: 1px solid var(--color-gray-disabled); + border-bottom: 1px solid var(--color-primary); + color: var(--color-text); } .dropdownItem:hover { @@ -163,26 +165,26 @@ .workflowId { font-size: 12px; - color: var(--color-text-secondary); + color: var(--color-text); font-family: monospace; } .workflowStatus { font-size: 12px; - color: var(--color-text-secondary); + color: var(--color-text); text-transform: capitalize; } .statValueSuccess { - color: var(--color-success); + color: var(--color-text); } .statValueWarning { - color: var(--color-warning); + color: var(--color-text); } .statValueError { - color: var(--color-error); + color: var(--color-text); } .statValueBold { diff --git a/src/pages/Home/HomeStyles/Workflows.module.css b/src/pages/Home/HomeStyles/Workflows.module.css index 79c8cc7..c637132 100644 --- a/src/pages/Home/HomeStyles/Workflows.module.css +++ b/src/pages/Home/HomeStyles/Workflows.module.css @@ -15,12 +15,3 @@ flex-direction: column; min-height: 400px; /* Ensure minimum height for table functionality */ } - -/* Future workflow-specific styles go here */ -.workflowItem { - /* Future workflow item styling */ -} - -.workflowActions { - /* Future workflow action styling */ -} diff --git a/src/pages/Home/TeamBereich.tsx b/src/pages/Home/TeamBereich.tsx index 0871124..2f39d03 100644 --- a/src/pages/Home/TeamBereich.tsx +++ b/src/pages/Home/TeamBereich.tsx @@ -1,4 +1,3 @@ -import styles from './HomeStyles/TeamBereich.module.css' import sharedStyles from '../../components/PageManager/pages.module.css'; import MitgliederTable from '../../components/Mitglieder/MitgliederTable';