- Company Profile
-
+ {/* Company Profile - Q&A Format from Onboarding */}
+
+
Company Profile
+
{org?.mission && (
-
-
Mission
-
{org.mission}
-
+
+
+
+
Question:
+
What is your company's mission?
+
+
+
Answer:
+
{org.mission}
+
+
)}
{org?.vision && (
-
-
Vision
-
{org.vision}
-
+
+
+
+
Question:
+
What is your company's vision?
+
+
+
Answer:
+
{org.vision}
+
+
)}
{org?.evolution && (
-
-
Company Evolution
-
{org.evolution}
-
+
+
+
+
Question:
+
How has your company evolved over time?
+
+
+
Answer:
+
{org.evolution}
+
+
)}
{org?.advantages && (
-
-
Competitive Advantages
-
{org.advantages}
-
+
+
+
+
Question:
+
What are your competitive advantages?
+
+
+
Answer:
+
{org.advantages}
+
+
)}
{org?.vulnerabilities && (
-
-
Vulnerabilities
-
{org.vulnerabilities}
-
+
+
+
+
Question:
+
What are your key vulnerabilities?
+
+
+
Answer:
+
{org.vulnerabilities}
+
+
)}
{org?.shortTermGoals && (
-
-
Short Term Goals
-
{org.shortTermGoals}
-
+
+
+
+
Question:
+
What are your short-term goals?
+
+
+
Answer:
+
{org.shortTermGoals}
+
+
)}
{org?.longTermGoals && (
-
-
Long Term Goals
-
{org.longTermGoals}
-
+
+
+
+
Question:
+
What are your long-term goals?
+
+
+
Answer:
+
{org.longTermGoals}
+
+
)}
{org?.cultureDescription && (
-
-
Culture
-
{org.cultureDescription}
-
+
+
+
+
Question:
+
How would you describe your company culture?
+
+
+
Answer:
+
{org.cultureDescription}
+
+
)}
{org?.workEnvironment && (
-
-
Work Environment
-
{org.workEnvironment}
-
+
+
+
+
Question:
+
What is your work environment like?
+
+
+
Answer:
+
{org.workEnvironment}
+
+
)}
{org?.additionalContext && (
-
-
Additional Context
-
{org.additionalContext}
-
+
+
+
+
Question:
+
Any additional context about your company?
+
+
+
Answer:
+
{org.additionalContext}
+
+
)}
-
+
{org?.description && (
diff --git a/pages/EmployeeData.tsx b/pages/EmployeeData.tsx
index 31a7d5b..28bd23c 100644
--- a/pages/EmployeeData.tsx
+++ b/pages/EmployeeData.tsx
@@ -5,6 +5,7 @@ import { CompanyReport, Employee, Report } from '../types';
import RadarPerformanceChart from '../components/charts/RadarPerformanceChart';
import ScoreBarList from '../components/charts/ScoreBarList';
import { SAMPLE_COMPANY_REPORT } from '../constants';
+import ReportDetail from './ReportDetail';
interface EmployeeDataProps {
mode: 'submissions' | 'reports';
@@ -47,7 +48,7 @@ const CompanyReportCard: React.FC<{ report: CompanyReport }> = ({ report }) => {
Departments
-
{report.overview.departmentBreakdown.length}
+
{report.overview.departmentBreakdown.length}
Avg Performance
@@ -219,7 +220,8 @@ const EmployeeCard: React.FC<{
isOwner: boolean;
onGenerateReport?: (employee: Employee) => void;
isGeneratingReport?: boolean;
-}> = ({ employee, report, mode, isOwner, onGenerateReport, isGeneratingReport }) => {
+ onViewReport?: (report: Report, employeeName: string) => void;
+}> = ({ employee, report, mode, isOwner, onGenerateReport, isGeneratingReport, onViewReport }) => {
const [isExpanded, setIsExpanded] = useState(false);
return (
@@ -243,13 +245,22 @@ const EmployeeCard: React.FC<{
{report && (
-
+ <>
+
+
+
)}
{isOwner && mode === 'reports' && (
{/* Company Report - Only visible to owners in reports mode */}
- {currentUserIsOwner && mode === 'reports' && companyReport && (
-
+ {currentUserIsOwner && mode === 'reports' && (
+
+ {companyReport ? (
+
+
+
Company Report
+
+
+
+
+
+
+
+ ) : (
+
+
+
+ Generate Company Report
+
+
+ Create a comprehensive AI-powered report analyzing your organization's performance,
+ strengths, and recommendations based on employee data.
+
+
+
+ )}
+