From 289c80eea139e68af5c2d983f5a53753906c37f5 Mon Sep 17 00:00:00 2001 From: donpat1to Date: Tue, 28 Oct 2025 16:45:57 +0100 Subject: [PATCH] removed unused .css files --- frontend/src/App.tsx | 2 +- frontend/src/components/Layout/Footer.tsx | 2 +- .../Layout/FooterLinks/About/About.tsx | 2 +- .../CommunityLinks/communityLinks.tsx | 1 + .../components/Layout/FooterLinks/FAQ/FAQ.tsx | 2 +- .../src/components/Layout/Layout.module.css | 220 ------------------ frontend/src/components/Layout/Layout.tsx | 2 +- frontend/src/components/Layout/Navigation.tsx | 2 +- .../src/components/PillNav/PillNav.module.css | 88 ------- frontend/src/components/PillNav/PillNav.tsx | 2 +- frontend/src/components/PillNav/index.ts | 3 - .../{DesignSystem.tsx => DesignSystem.txt} | 2 +- frontend/src/services/shiftPlanService.ts | 2 +- 13 files changed, 10 insertions(+), 320 deletions(-) delete mode 100644 frontend/src/components/Layout/Layout.module.css delete mode 100644 frontend/src/components/PillNav/PillNav.module.css delete mode 100644 frontend/src/components/PillNav/index.ts rename frontend/src/design/{DesignSystem.tsx => DesignSystem.txt} (98%) diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx index 97cd35d..0793f5b 100644 --- a/frontend/src/App.tsx +++ b/frontend/src/App.tsx @@ -1,4 +1,4 @@ -// src/App.tsx - UPDATED FOR VITE +// src/App.tsx import React from 'react'; import { BrowserRouter as Router, Routes, Route } from 'react-router-dom'; import { AuthProvider, useAuth } from './contexts/AuthContext'; diff --git a/frontend/src/components/Layout/Footer.tsx b/frontend/src/components/Layout/Footer.tsx index c4b5ef4..d6c8556 100644 --- a/frontend/src/components/Layout/Footer.tsx +++ b/frontend/src/components/Layout/Footer.tsx @@ -1,4 +1,4 @@ -// frontend/src/components/Layout/Footer.tsx - ELEGANT WHITE DESIGN +// frontend/src/components/Layout/Footer.tsx import React from 'react'; const Footer: React.FC = () => { diff --git a/frontend/src/components/Layout/FooterLinks/About/About.tsx b/frontend/src/components/Layout/FooterLinks/About/About.tsx index c8c7a5f..273ec63 100644 --- a/frontend/src/components/Layout/FooterLinks/About/About.tsx +++ b/frontend/src/components/Layout/FooterLinks/About/About.tsx @@ -1,4 +1,4 @@ -// frontend/src/pages/About/About.tsx +// frontend/src/components/Layout/FooterLinks/About/About.tsx import React from 'react'; const About: React.FC = () => { diff --git a/frontend/src/components/Layout/FooterLinks/CommunityLinks/communityLinks.tsx b/frontend/src/components/Layout/FooterLinks/CommunityLinks/communityLinks.tsx index 796d337..44050a8 100644 --- a/frontend/src/components/Layout/FooterLinks/CommunityLinks/communityLinks.tsx +++ b/frontend/src/components/Layout/FooterLinks/CommunityLinks/communityLinks.tsx @@ -1,3 +1,4 @@ +// frontend/src/components/Layout/FooterLinks/CommunityLinks/communityLinks.tsx import React from 'react'; export const CommunityContact: React.FC = () => ( diff --git a/frontend/src/components/Layout/FooterLinks/FAQ/FAQ.tsx b/frontend/src/components/Layout/FooterLinks/FAQ/FAQ.tsx index 1197ed8..b15dd9c 100644 --- a/frontend/src/components/Layout/FooterLinks/FAQ/FAQ.tsx +++ b/frontend/src/components/Layout/FooterLinks/FAQ/FAQ.tsx @@ -1,4 +1,4 @@ -// frontend/src/pages/FAQ/FAQ.tsx +// frontend/src/components/Layout/FooterLinks/FAQ/FAQ.tsx import React, { useState } from 'react'; const FAQ: React.FC = () => { diff --git a/frontend/src/components/Layout/Layout.module.css b/frontend/src/components/Layout/Layout.module.css deleted file mode 100644 index a6391f3..0000000 --- a/frontend/src/components/Layout/Layout.module.css +++ /dev/null @@ -1,220 +0,0 @@ -/* Layout.css - Professionelles Design */ -.layout { - min-height: 100vh; - display: flex; - flex-direction: column; -} - -/* Header */ -.header { - background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); - color: white; - box-shadow: 0 2px 10px rgba(0,0,0,0.1); - position: sticky; - top: 0; - z-index: 1000; -} - -.header-content { - max-width: 1200px; - margin: 0 auto; - padding: 0 20px; - display: flex; - align-items: center; - justify-content: space-between; - height: 70px; -} - -.logo h1 { - margin: 0; - font-size: 1.5rem; - font-weight: 700; -} - -/* Desktop Navigation */ -.desktop-nav { - display: flex; - gap: 2rem; - align-items: center; -} - -.nav-link { - color: white; - text-decoration: none; - padding: 0.5rem 1rem; - border-radius: 6px; - transition: all 0.3s ease; - font-weight: 500; -} - -.nav-link:hover { - background: rgba(255, 255, 255, 0.1); - transform: translateY(-1px); -} - -/* User Menu */ -.user-menu { - display: flex; - align-items: center; - gap: 1rem; -} - -.user-info { - font-weight: 500; -} - -.logout-btn { - background: rgba(255, 255, 255, 0.1); - color: white; - border: 1px solid rgba(255, 255, 255, 0.3); - padding: 0.5rem 1rem; - border-radius: 6px; - cursor: pointer; - transition: all 0.3s ease; -} - -.logout-btn:hover { - background: rgba(255, 255, 255, 0.2); -} - -/* Mobile Menu Button */ -.mobile-menu-btn { - display: none; - background: none; - border: none; - color: white; - font-size: 1.5rem; - cursor: pointer; - padding: 0.5rem; -} - -/* Mobile Navigation */ -.mobile-nav { - display: none; - flex-direction: column; - background: white; - padding: 1rem; - box-shadow: 0 2px 10px rgba(0,0,0,0.1); -} - -.mobile-nav-link { - color: #333; - text-decoration: none; - padding: 1rem; - border-bottom: 1px solid #eee; - transition: background-color 0.3s ease; -} - -.mobile-nav-link:hover { - background-color: #f5f5f5; -} - -.mobile-user-info { - padding: 1rem; - border-top: 1px solid #eee; - margin-top: 1rem; -} - -.mobile-logout-btn { - background: #667eea; - color: white; - border: none; - padding: 0.5rem 1rem; - border-radius: 6px; - cursor: pointer; - margin-top: 0.5rem; - width: 100%; -} - -/* Main Content */ -.main-content { - flex: 1; - background-color: #f8f9fa; - min-height: calc(100vh - 140px); -} - -.content-container { - max-width: 1200px; - margin: 0 auto; - padding: 2rem 20px; -} - -/* Footer */ -.footer { - background: #2c3e50; - color: white; - margin-top: auto; -} - -.footer-content { - max-width: 1200px; - margin: 0 auto; - padding: 2rem 20px; - display: grid; - grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); - gap: 2rem; -} - -.footer-section h3, -.footer-section h4 { - margin-bottom: 1rem; - color: #ecf0f1; -} - -.footer-section a { - color: #bdc3c7; - text-decoration: none; - display: block; - margin-bottom: 0.5rem; - transition: color 0.3s ease; -} - -.footer-section a:hover { - color: #3498db; -} - -.footer-bottom { - border-top: 1px solid #34495e; - padding: 1rem 20px; - text-align: center; - color: #95a5a6; -} - -/* Responsive Design */ -@media (max-width: 768px) { - .desktop-nav, - .user-menu { - display: none; - } - - .mobile-menu-btn { - display: block; - } - - .mobile-nav { - display: flex; - } - - .header-content { - padding: 0 15px; - } - - .content-container { - padding: 1rem 15px; - } - - .footer-content { - grid-template-columns: 1fr; - text-align: center; - } -} - -@media (max-width: 480px) { - .logo h1 { - font-size: 1.2rem; - } - - .content-container { - padding: 1rem 10px; - } -} \ No newline at end of file diff --git a/frontend/src/components/Layout/Layout.tsx b/frontend/src/components/Layout/Layout.tsx index 9287fd2..f9dc8ed 100644 --- a/frontend/src/components/Layout/Layout.tsx +++ b/frontend/src/components/Layout/Layout.tsx @@ -1,4 +1,4 @@ -// frontend/src/components/Layout/Layout.tsx - ELEGANT WHITE DESIGN +// frontend/src/components/Layout/Layout.tsx import React from 'react'; import Navigation from './Navigation'; import Footer from './Footer'; diff --git a/frontend/src/components/Layout/Navigation.tsx b/frontend/src/components/Layout/Navigation.tsx index 18be3a9..2baa0fb 100644 --- a/frontend/src/components/Layout/Navigation.tsx +++ b/frontend/src/components/Layout/Navigation.tsx @@ -1,4 +1,4 @@ -// frontend/src/components/Layout/Navigation.tsx - ELEGANT WHITE DESIGN +// frontend/src/components/Layout/Navigation.tsx import React, { useState, useEffect } from 'react'; import { useAuth } from '../../contexts/AuthContext'; import PillNav from '../PillNav/PillNav'; diff --git a/frontend/src/components/PillNav/PillNav.module.css b/frontend/src/components/PillNav/PillNav.module.css deleted file mode 100644 index f543422..0000000 --- a/frontend/src/components/PillNav/PillNav.module.css +++ /dev/null @@ -1,88 +0,0 @@ -/* frontend/src/components/PillNav/PillNav.module.css */ -.pillNavContainer { - display: flex; - gap: 8px; - overflow-x: auto; - padding: 4px; - scrollbar-width: none; - -ms-overflow-style: none; -} - -.pillNavContainer::-webkit-scrollbar { - display: none; -} - -.pill { - padding: 8px 16px; - border-radius: 9999px; - border: 1px solid; - font-size: 14px; - font-weight: 500; - cursor: pointer; - transition: all 0.2s ease-in-out; - white-space: nowrap; - outline: none; -} - -.pill:focus-visible { - outline: 2px solid #3b82f6; - outline-offset: 2px; -} - -/* Solid Variant */ -.pillSolid { - background-color: transparent; - color: #6b7280; - border-color: #d1d5db; -} - -.pillSolidActive { - background-color: #2563eb; - color: white; - border-color: #2563eb; -} - -.pillSolid:hover:not(.pillSolidActive) { - background-color: #f3f4f6; - color: #374151; - border-color: #9ca3af; - transform: translateY(-1px); -} - -/* Outline Variant */ -.pillOutline { - background-color: transparent; - color: #6b7280; - border-color: #d1d5db; -} - -.pillOutlineActive { - color: #2563eb; - border-color: #2563eb; - font-weight: 600; -} - -.pillOutline:hover:not(.pillOutlineActive) { - background-color: #f3f4f6; - color: #374151; - border-color: #9ca3af; - transform: translateY(-1px); -} - -/* Ghost Variant */ -.pillGhost { - background-color: transparent; - color: #6b7280; - border-color: transparent; -} - -.pillGhostActive { - background-color: #f3f4f6; - color: #111827; -} - -.pillGhost:hover:not(.pillGhostActive) { - background-color: #f9fafb; - color: #374151; - transform: translateY(-1px); -} \ No newline at end of file diff --git a/frontend/src/components/PillNav/PillNav.tsx b/frontend/src/components/PillNav/PillNav.tsx index 0a6825a..af2943b 100644 --- a/frontend/src/components/PillNav/PillNav.tsx +++ b/frontend/src/components/PillNav/PillNav.tsx @@ -1,4 +1,4 @@ -// frontend/src/components/PillNav/PillNav.tsx - ELEGANT WHITE DESIGN +// frontend/src/components/PillNav/PillNav.tsx import React, { useEffect, useRef } from 'react'; export interface PillNavItem { diff --git a/frontend/src/components/PillNav/index.ts b/frontend/src/components/PillNav/index.ts deleted file mode 100644 index 15bd0e7..0000000 --- a/frontend/src/components/PillNav/index.ts +++ /dev/null @@ -1,3 +0,0 @@ -// frontend/src/components/PillNav/index.ts -export { default } from './PillNav'; -export type { PillNavProps, PillNavItem } from './PillNav'; \ No newline at end of file diff --git a/frontend/src/design/DesignSystem.tsx b/frontend/src/design/DesignSystem.txt similarity index 98% rename from frontend/src/design/DesignSystem.tsx rename to frontend/src/design/DesignSystem.txt index 041460f..bc9aa84 100644 --- a/frontend/src/design/DesignSystem.tsx +++ b/frontend/src/design/DesignSystem.txt @@ -1,4 +1,4 @@ -// frontend/src/design/DesignSystem.tsx +// frontend/src/design/DesignSystem.txt export const designTokens = { colors: { // Primary Colors diff --git a/frontend/src/services/shiftPlanService.ts b/frontend/src/services/shiftPlanService.ts index 64ac1c4..3b2b84f 100644 --- a/frontend/src/services/shiftPlanService.ts +++ b/frontend/src/services/shiftPlanService.ts @@ -1,6 +1,6 @@ // frontend/src/services/shiftPlanService.ts import { authService } from './authService'; -import { ShiftPlan, CreateShiftPlanRequest, ScheduledShift, CreateShiftFromTemplateRequest } from '../models/ShiftPlan'; +import { ShiftPlan, CreateShiftPlanRequest } from '../models/ShiftPlan'; import { TEMPLATE_PRESETS } from '../models/defaults/shiftPlanDefaults'; const API_BASE_URL = '/api/shift-plans';