Files
alva/felsokning/app/src/App.tsx
T
Claude b2c2ce72a3 Språksidan: vad som är översatt, vad som är granskat, och skillnaden
En vanlig språkmeny påstår att produkten finns på tio språk och slutar
där. Sidan i foten redovisar i stället skillnaden mellan att en text ÄR
översatt och att den är GRANSKAD av någon som kan yrket — och visar det
på de strängar där skillnaden betyder något: grindens hinder, alltså de
meningar som nekar en tekniker att avsluta ett ärende.

Att välja just dem är avsiktligt. En spärr ingen förstår är en spärr
utan väg förbi, så det är rätt strängar att döma en översättning efter.
Väljaren byter språk direkt i provet; åtta av tio språk möts därefter av
beskedet att metodiken inte är fackgranskad på språket. Det är ett
obekvämt sätt att presentera sin egen produkt och hela poängen med
sidan: en verkstadschef i Rumänien som får veta det i förväg kan planera
för det, samma chef som får veta det av en tekniker som missförstått en
säkerhetsinstruktion kan inte.

Varningen står UNDER provet, inte över. Den som just läst fem meningar
på sitt eget språk ska mötas av vad de inte garanterar — inte varnas i
förväg och sedan lugnas av att texten ser bra ut.

Sidan ligger i foten och inte i portalens navigation. Den är
dokumentation snarare än ett arbetsverktyg, och portalraden har redan
tio poster.

Språkknapparna ligger i rutnät, inte flexradbrytning. Tio språk bröts av
flex till nio plus ett ensamt, och den ensamma knappen läste sig som en
eftertanke i stället för som ett språk bland tio. Två kolumner på telefon
och fem på skärm gör tio jämnt i båda riktningarna.

Utgåva 3.2 dokumenterad.

602 tester, typkontroll och lint rena. Artefakten byggd och mätt på 390
och 1280 px över femton vyer: inget spill, inga externa begäranden.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_012EQg3rJsrQ1ZNTvkzmQAtt
2026-08-06 16:51:44 +00:00

118 lines
6.0 KiB
TypeScript

import { Toaster } from "@/components/ui/toaster";
import { Toaster as Sonner } from "@/components/ui/sonner";
import { TooltipProvider } from "@/components/ui/tooltip";
import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
import { BrowserRouter, HashRouter, Routes, Route } from "react-router-dom";
import Index from "./pages/Index";
import NotFound from "./pages/NotFound";
import ResetPassword from "./pages/ResetPassword";
import Profile from "./pages/Profile";
import Account from "./pages/Account";
import AccountConfirmation from "./pages/AccountConfirmation";
import Contact from "./pages/Contact";
import Admin from "./pages/Admin";
import FAQ from "./pages/FAQ";
import OrderConfirmation from "./pages/OrderConfirmation";
import ChangeSubscription from "./pages/ChangeSubscription";
import Arendelista from "./pages/felsokning/Arendelista";
import NyttArende from "./pages/felsokning/NyttArende";
import ArendeSida from "./pages/felsokning/ArendeSida";
import DelatArende from "./pages/felsokning/DelatArende";
import PublikDelning from "./pages/felsokning/PublikDelning";
import Oversikt from "./pages/felsokning/Oversikt";
import Installningar from "./pages/felsokning/Installningar";
import AlvaStart from "./pages/alva/Start";
import AlvaAnsokan from "./pages/alva/Ansokan";
import AlvaLoggaIn from "./pages/alva/LoggaIn";
import AlvaPortal from "./pages/alva/Portal";
import AlvaKunskapskallor from "./pages/alva/Kunskapskallor";
import AlvaAnalys from "./pages/alva/Analys";
import AlvaFakturor from "./pages/alva/Fakturor";
import AlvaIntegration from "./pages/alva/Integration";
import AlvaAbonnemang from "./pages/alva/Abonnemang";
import AlvaGarantier from "./pages/alva/Garantier";
import AlvaImpressum from "./pages/alva/Impressum";
import AlvaUtgavor from "./pages/alva/Utgavor";
import AlvaSprak from "./pages/alva/Sprak";
import AlvaForsakring from "./pages/alva/Forsakring";
import AlvaSupport from "./pages/alva/Support";
import { Portalvakt } from "./pages/alva/Portalvakt";
import { PaymentTestModeBanner } from "@/components/PaymentTestModeBanner";
const queryClient = new QueryClient();
// Hash-baserad routing för miljöer utan SPA-rewrites (t.ex. förhandsvisning
// på en statisk sida). Standard är vanlig historik-routing.
//
// Historik-routing kräver att sidan serveras från roten: ligger den under
// en sökväg matchar ingen route och besökaren får 404-sidan. I
// förhandsvisningsläge går routingen därför via hash — då spelar
// sökvägen ingen roll — och startsidan är Guidad Felsökning i stället för
// värdapplikationens startsida.
const forhandsvisning = !!import.meta.env.VITE_HASH_ROUTER;
const Router = forhandsvisning ? HashRouter : BrowserRouter;
function AppContent() {
return (
<Router>
<PaymentTestModeBanner />
<Routes>
<Route path="/" element={forhandsvisning ? <Arendelista /> : <Index />} />
<Route path="/contact" element={<Contact />} />
<Route path="/faq" element={<FAQ />} />
<Route path="/reset-password" element={<ResetPassword />} />
<Route path="/profile" element={<Profile />} />
<Route path="/account" element={<Account />} />
<Route path="/account/confirmation" element={<AccountConfirmation />} />
<Route path="/admin" element={<Admin />} />
<Route path="/order-confirmation" element={<OrderConfirmation />} />
<Route path="/account/change-subscription" element={<ChangeSubscription />} />
{/* ALVA — publik webbplats och kundportal. Samma system, samma
komponentbibliotek: besökaren lämnar aldrig marknadswebben
när den loggar in. */}
<Route path="/alva" element={<AlvaStart />} />
<Route path="/alva/ansokan" element={<AlvaAnsokan />} />
<Route path="/alva/logga-in" element={<AlvaLoggaIn />} />
{/* Lagstadgad information. Nås från foten på varje sida — det är
en del av kravet, inte en placering. */}
<Route path="/alva/impressum" element={<AlvaImpressum />} />
<Route path="/alva/utgavor" element={<AlvaUtgavor />} />
<Route path="/alva/sprak" element={<AlvaSprak />} />
{/* Portalen är stängd utan giltig plattformssession — se
Portalvakt. Utan konfigurerad plattform finns ingen session
att kräva, och vyerna är då märkta som demonstration. */}
<Route path="/alva/portal" element={<Portalvakt><AlvaPortal /></Portalvakt>} />
<Route path="/alva/portal/kunskapskallor" element={<Portalvakt><AlvaKunskapskallor /></Portalvakt>} />
<Route path="/alva/portal/analys" element={<Portalvakt><AlvaAnalys /></Portalvakt>} />
<Route path="/alva/portal/integration" element={<Portalvakt><AlvaIntegration /></Portalvakt>} />
<Route path="/alva/portal/fakturor" element={<Portalvakt><AlvaFakturor /></Portalvakt>} />
<Route path="/alva/portal/abonnemang" element={<Portalvakt><AlvaAbonnemang /></Portalvakt>} />
<Route path="/alva/portal/garantier" element={<Portalvakt><AlvaGarantier /></Portalvakt>} />
<Route path="/alva/portal/forsakring" element={<Portalvakt><AlvaForsakring /></Portalvakt>} />
<Route path="/alva/portal/support" element={<Portalvakt><AlvaSupport /></Portalvakt>} />
<Route path="/felsokning" element={<Arendelista />} />
<Route path="/felsokning/nytt" element={<NyttArende />} />
<Route path="/felsokning/arende/:id" element={<ArendeSida />} />
<Route path="/felsokning/dela/:id" element={<DelatArende />} />
<Route path="/felsokning/delad/:kod" element={<PublikDelning />} />
<Route path="/felsokning/oversikt" element={<Oversikt />} />
<Route path="/felsokning/installningar" element={<Installningar />} />
{/* ADD ALL CUSTOM ROUTES ABOVE THE CATCH-ALL "*" ROUTE */}
<Route path="*" element={<NotFound />} />
</Routes>
</Router>
);
}
const App = () => (
<QueryClientProvider client={queryClient}>
<TooltipProvider>
<Toaster />
<Sonner />
<AppContent />
</TooltipProvider>
</QueryClientProvider>
);
export default App;