- {getPageTitle('Starter Page')}
+ {getPageTitle('Akuten Online - Digital Akutmottagning')}
-
- {page} ;
-};
-
+};
\ No newline at end of file
diff --git a/frontend/src/pages/patient/new-visit.tsx b/frontend/src/pages/patient/new-visit.tsx
new file mode 100644
index 0000000..b9feb28
--- /dev/null
+++ b/frontend/src/pages/patient/new-visit.tsx
@@ -0,0 +1,278 @@
+import React, { useState, useEffect } from 'react';
+import type { ReactElement } from 'react';
+import Head from 'next/head';
+import { useRouter } from 'next/router';
+import axios from 'axios';
+import CardBox from '../../components/CardBox';
+import LayoutAuthenticated from '../../layouts/Authenticated';
+import SectionMain from '../../components/SectionMain';
+import SectionTitleLineWithButton from '../../components/SectionTitleLineWithButton';
+import { getPageTitle } from '../../config';
+import { mdiMedicalBag, mdiArrowRight, mdiAccount, mdiPhone, mdiHeartPulse, mdiHistory, mdiCheck, mdiChevronLeft, mdiAlertCircle } from '@mdi/js';
+import BaseButton from '../../components/BaseButton';
+import FormField from '../../components/FormField';
+import LoadingSpinner from '../../components/LoadingSpinner';
+import { useAppSelector } from '../../stores/hooks';
+import BaseIcon from '../../components/BaseIcon';
+
+const NewVisitPage = () => {
+ const { currentUser } = useAppSelector((state) => state.auth);
+ const [step, setStep] = useState(1);
+ const [loading, setLoading] = useState(false);
+ const router = useRouter();
+
+ // Step 1: Identity
+ const [fullName, setFullName] = useState('');
+ const [phoneNumber, setPhoneNumber] = useState('');
+
+ // Step 2: Symptoms
+ const [symptomText, setSymptomText] = useState('');
+ const [painLevel, setPainLevel] = useState(0);
+
+ // Step 3: Details
+ const [onset, setOnset] = useState(''); // When did it start?
+ const [selectedSymptoms, setSelectedSymptoms] = useState([]);
+
+ // Step 4: History
+ const [medicalHistory, setMedicalHistory] = useState('');
+ const [medications, setMedications] = useState('');
+ const [allergies, setAllergies] = useState('');
+
+ const commonSymptoms = [
+ 'Feber', 'Hosta', 'Andnöd', 'Bröstsmärta', 'Huvudvärk', 'Illamående', 'Buksmärta', 'Yrsel'
+ ];
+
+ useEffect(() => {
+ if (currentUser) {
+ setFullName(`${currentUser.firstName || ''} ${currentUser.lastName || ''}`.trim());
+ setPhoneNumber(currentUser.phoneNumber || '');
+ }
+ }, [currentUser]);
+
+ const toggleSymptom = (s: string) => {
+ setSelectedSymptoms(prev =>
+ prev.includes(s) ? prev.filter(x => x !== s) : [...prev, s]
+ );
+ };
+
+ const handleSubmit = async () => {
+ setLoading(true);
+ try {
+ const response = await axios.post('/triage/process', {
+ symptomText,
+ fullName,
+ phoneNumber,
+ extraData: {
+ painLevel,
+ onset,
+ selectedSymptoms,
+ medicalHistory,
+ medications,
+ allergies
+ }
+ });
+ const { visit } = response.data;
+ router.push(`/patient/waiting-room?id=${visit.id}`);
+ } catch (error) {
+ console.error(error);
+ alert('Ett fel uppstod vid bearbetning. Försök igen.');
+ } finally {
+ setLoading(false);
+ }
+ };
+
+ const nextStep = () => setStep(s => s + 1);
+ const prevStep = () => setStep(s => s - 1);
+
+ const renderProgress = () => (
+
- {contentType === 'image' && contentPosition !== 'background'
- ? imageBlock(illustrationImage)
- : null}
- {contentType === 'video' && contentPosition !== 'background'
- ? videoBlock(illustrationVideo)
- : null}
-
+
+
+ {/* Features */}
+
+
+
+ {/* Footer */}
+
);
}
-Starter.getLayout = function getLayout(page: ReactElement) {
+LandingPage.getLayout = function getLayout(page: ReactElement) {
return
-
-
-
-
+ {/* Navigation */}
+
-
-
-
-
- This is a React.js/Node.js app generated by the Flatlogic Web App Generator
-For guides and documentation please check - your local README.md and the Flatlogic documentation
-
-
+ © 2026 {title}. All rights reserved
- - Privacy Policy - -
+ Om tjänsten
+ Hur det fungerar
+ Personalinloggning
+
+
+
+
+
+ Sök vård digitalt
+
+
+
+ Digital triagering dygnet runt
+
+
+ Sök vård digitalt
+ minska väntetiden.
+
+ + Vår AI-baserade plattform hjälper dig att snabbt få rätt vård. Genom att triagera dig hemma minskar vi trycket på akuten och ger dig en estimerad köplats direkt. +
+
+
+
+
+
+ {[1, 2, 3, 4].map((i) => (
+
+
+ 
+
+ ))}
+ Över 10,000 patienter hjälpta denna månad
+
+ {/* Decorative Elements */}
+
+
+
+
+
+
+
+
+
+
+ ✓
+
+
+ Status
+Patient Triage
+LIVE
+
+
+
+
+
+
+ Estimerad väntetid
+ 12 min
+
+
+
+ "Symtom: Tryck över bröstet..."
+Prioritet: Akut (Nivå 2)
+
+
+
+
+
+ Varför använda Akuten Online?
+Vårt system är utvecklat för att optimera patientflödet och säkerställa att de mest akuta fallen får hjälp först.
+
+ {[
+ {
+ title: 'AI-prioritering',
+ desc: 'Vår smarta algoritm analyserar dina symtom och riskfaktorer för att ge dig rätt prioritet direkt.',
+ icon: mdiAccountCheck,
+ color: 'bg-blue-100 text-[#004B87]'
+ },
+ {
+ title: 'Realtidskö',
+ desc: 'Se din exakta plats i kön och få en estimerad väntetid baserat på personalens belastning.',
+ icon: mdiClockOutline,
+ color: 'bg-green-100 text-green-600'
+ },
+ {
+ title: 'Minskad smittrisk',
+ desc: 'Vänta i hemmiljö istället för i ett fullsatt väntrum och bli kallad precis när det är din tur.',
+ icon: mdiHospitalMarker,
+ color: 'bg-red-100 text-red-600'
+ }
+ ].map((feature, i) => (
+
+
+
+ ))}
+
+
+ {feature.title}
+{feature.desc}
+
+ {[1, 2, 3, 4].map((i) => (
+ {getPageTitle('Nytt besök')}
+
+
+
+
+
+
+
+ );
+
+ return (
+ <>
+
+ = i ? 'bg-[#004B87] text-white' : 'bg-gray-200 text-gray-500'}`}>
+ {step > i ?
+ {i < 4 && i ? 'bg-[#004B87]' : 'bg-gray-200'}`} />}
+
+ ))}
+ Steg {step} av 4
+
+ {renderProgress()}
+
+
+ {step === 1 && (
+
+
+ )}
+
+ {step === 2 && (
+
+
+ Dina Kontaktuppgifter
++ Säkerställ att vi kan nå dig vid behov. Uppgifterna hämtas från din profil men kan ändras här. +
+
+
+ setFullName(e.target.value)}
+ />
+
+
+ setPhoneNumber(e.target.value)}
+ />
+
+
+
+
+
+
+
+
+ Beskriv dina symtom
+Förklara kortfattat vad som har hänt och hur du känner dig.
+