How black23cat/admin-api-client works
Polygraphic Admin API Client is a React administration frontend for purchase orders, invoices, payments, and production jobs. Users enter through JWT-backed authentication, then navigate protected pages to manage operational and financial records; the PO workflow can create an invoice from selected orders and confirm its details. Filtering and pagination are shared UI layers. The sampled source shows routing, PO and invoice actions, and job-file parsing; several page implementations and their API calls were not sampled, so those links are marked unverified or omitted.
Main entry points: PoPage.jsx PO management · routes.jsx Route configuration · JobData.jsx Production job data · Sidebar.jsx Sidebar navigation
Components 20
Access and navigation
- App shell and auth
src/App.jsx - Route configuration
src/routes.jsx - Login form
src/components/LoginForm/LoginForm.jsx - Sidebar navigation
src/components/Sidebar/Sidebar.jsx
Purchase orders
- PO management
src/components/PoPage/PoPage.jsx - PO editor and upload
src/components/PoForm/PoForm.jsx - PO card actions
src/components/PoCard/PoCard.jsx
Invoices and payments
- Invoice confirmation
src/components/InvoiceConfirmForm/InvoiceConfirmForm.jsx - Invoice management
src/components/InvoicePage/InvoicePage.jsx - Invoice actions
src/components/InvoiceCard/InvoiceCard.jsx - Payment form
src/components/PaymentForm/PaymentForm.jsx - Payment tracking
src/components/PaymentData/PaymentData.jsx
Production and shared UI
- Production job data
src/components/JobData/JobData.jsx - Production file parsing
src/utils/getFileDetails.js - Filtering and search
src/components/FilterForm/FilterForm.jsx - Page navigation
src/components/PageNavigation/PageNavigation.jsx - Currency formatting
src/utils/formatter.js - Filename validation
src/utils/regexPattern.js
Other components
- Administrator
- Polygraphic Admin API
Connections 33
- Administrator → App shell and auth: opens
README.md - App shell and auth → Login form: shows when unauthenticated
src/App.jsx - App shell and auth → Sidebar navigation: renders
src/App.jsx - Route configuration → App shell and auth: mounts shell
src/routes.jsx - Route configuration → PO management: routes to
src/routes.jsx - Route configuration → PO editor and upload: routes to
src/routes.jsx - Route configuration → Invoice management: routes to
src/routes.jsx - Route configuration → Production job data: routes to
src/routes.jsx - Route configuration → Payment tracking: routes to
src/routes.jsx - Sidebar navigation → PO management: navigates to
src/components/Sidebar/Sidebar.jsx - Sidebar navigation → Invoice management: navigates to
src/components/Sidebar/Sidebar.jsx - Sidebar navigation → Production job data: navigates to
src/components/Sidebar/Sidebar.jsx - Sidebar navigation → Payment tracking: navigates to
src/components/Sidebar/Sidebar.jsx - PO management → Polygraphic Admin API: fetches and creates invoices
src/components/PoPage/PoPage.jsx - PO management → Invoice confirmation: opens confirmation
src/components/PoPage/PoPage.jsx - PO management → PO card actions: renders
src/components/PoPage/PoPage.jsx - PO management → Filtering and search: uses filters
src/components/PoPage/PoPage.jsx - PO management → Page navigation: uses pagination
src/components/PoPage/PoPage.jsx - PO editor and upload → Polygraphic Admin API: creates or updates orders
src/components/PoForm/PoForm.jsx - PO editor and upload → Filename validation: validates filenames
src/components/PoForm/PoForm.jsx - PO card actions → PO editor and upload: opens editor
src/components/PoCard/PoCard.jsx - Invoice management → Invoice actions: renders
src/components/InvoicePage/InvoicePage.jsx - Invoice management → Filtering and search: uses filters
src/components/InvoicePage/InvoicePage.jsx - Invoice management → Page navigation: uses pagination
src/components/InvoicePage/InvoicePage.jsx - Invoice actions → Polygraphic Admin API: records payment or cancellation
src/components/InvoiceCard/InvoiceCard.jsx - Invoice actions → Payment form: opens payment form
src/components/InvoiceCard/InvoiceCard.jsx - Payment tracking → Polygraphic Admin API: loads payment records
- Production job data → Polygraphic Admin API: loads job records
- Production job data → Production file parsing: parses filenames
src/components/JobData/JobData.jsx - Production job data → Filtering and search: uses filters
src/components/JobData/JobData.jsx - Production job data → Page navigation: uses pagination
src/components/JobData/JobData.jsx - Invoice actions → Currency formatting: formats amounts
src/components/InvoiceCard/InvoiceCard.jsx - Payment tracking → Currency formatting: formats amounts
src/components/PaymentData/PaymentData.jsx