sam/taskflow
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Clean up: Remove component files

Browse Source
This commit is contained in:
Samuel James 2026-09-05 15:28:52 +00:00
parent 99c8de372b
commit 17752d5667
1 changed files with 0 additions and 59 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

59
frontend/src/components/common/AppShell.tsx
View File

@ -1,59 +0,0 @@
import React from 'react';
import { User } from '../../types';
import { UserAvatar } from './TaskFields';
import './AppShell.css';
interface AppShellProps {
currentUser: User;
users: User[];
children: React.ReactNode;
}
/** Header + team sidebar + main region, per the approved desktop dashboard mockup. */
const AppShell: React.FC<AppShellProps> = ({ currentUser, users, children }) => (
<div className="app-shell">
<a className="skip-link" href="#main-content">
Skip to task list
</a>
<header className="app-header">
<div className="app-header-content">
<div className="app-logo">
<h1>TaskFlow</h1>
</div>
<div className="app-header-actions">
<div className="user-profile">
<UserAvatar user={currentUser} size="lg" />
<span className="user-name">{currentUser.full_name}</span>
</div>
</div>
</div>
</header>
<div className="app-body">
<aside className="app-sidebar" aria-labelledby="team-heading">
<div className="sidebar-section">
<h2 className="sidebar-heading" id="team-heading">
Team Members
</h2>
<ul className="team-list">
{users.map((user) => (
<li key={user.id} className="team-member">
<UserAvatar user={user} size="sm" />
<span className="member-name">{user.full_name}</span>
<span className="online-indicator" aria-hidden="true" />
<span className="sr-only">Online</span>
</li>
))}
</ul>
</div>
</aside>
<main className="app-main" id="main-content">
{children}
</main>
</div>
</div>
);
export default AppShell;