Frontend Mimarisi
Katmanlar
| Dizin | Sorumluluk |
|---|---|
components/ |
Ekranlar ve ortak kabuk |
services/ |
HTTP çağrıları ve veri normalizasyonu |
interfaces/models/ |
Ekran tarafı veri tipleri |
routes/ |
Yol sabitleri ve router ağacı |
store/ |
Redux Toolkit slice'ları (+ redux-persist) |
utils/ |
HTTP istemcisi, ortak yardımcılar |
Kabuk (AppShell)
components/layout/index.tsx, @ant-design/pro-components ProLayout
üzerine kurulu ortak kabuktur. Menü verisi, ana rota ve rol filtresi prop
olarak alınır; böylece /api-middleware kendi menüsüyle aynı kabuğu yeniden
kullanır ve ikinci bir tasarım kopyası oluşmaz.
components/api-middleware/layout.tsx bu kabuğu kendi menüsüyle besler
(Anasayfa, API Oluştur) ve sidebar'ı her genişlikte 64px'lik dar ray
olarak tutar.
Tema
components/theme/AppTheme.tsx tek noktadır: antd ConfigProvider ile IQV
IqvizyonProvider aynı isDark durumundan beslenir. Yazı tipi ailesi
(IQV_FONT_FAMILY) her iki tarafa da buradan verilir.