init vite rewrite

README.md

@@ -1,47 +1,32 @@
-This is a web portal for SAR Link customers.
-# Todos
-## Layout
- - [ ] Auto hide the welcome banner after 5 seconds
+# React + TypeScript + Vite
 
-## User Menu
-### Devices
- - [x] Add mac vendor validation for adding devices
- - [x] Add all the filters for devices table (mobile responsive)
- - [x] Add cancel feature to selected devices floating button
+This template provides a minimal setup to get React working in Vite with HMR and some Oxlint rules.
 
+Currently, two official plugins are available:
 
- ### Payments
- - [x] Show payments table
- - [x] Add all the filters for payment table (mobile responsive)
-    - [x] add slider range filter
- - [ ] Fix bill formula linking for generated payments
+- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Oxc](https://oxc.rs)
+- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/)
 
-### Parental Control
- - [x] Fix block device feature
- - [x] Add all the filters for parental control table (mobile responsive)
- - [x] Disable blocking if payment is pending or omit from the table if device payment is pending
+## React Compiler
 
-### Topups
-- [ ] add textarea in topup dialog for admin. if no detail given generate on backend otherwise take the text from text area
+The React Compiler is not enabled on this template because of its impact on dev & build performances. To add it, see [this documentation](https://react.dev/learn/react-compiler/installation).
 
-### Agreements
-- [x] Implement file upload for admin side
-- [ ] Add customer relavant documents in a grid view
+## Expanding the Oxlint configuration
 
-## Admin Controls
-### Users
-- [x] Show users table
-- [x] handle verify api no response case
-- [x] Add all relavant filters for users table
-- [x] Verify or reject users with a custom message
-- [ ] Add functionality to send custom sms to users in user:id page
+If you are developing a production application, we recommend enabling type-aware lint rules by installing `oxlint-tsgolint` and editing `.oxlintrc.json`:
 
-### User Devices
-- [x] Block or unblock from admin with custom message
-- [x] Blocking devices for client and admin using useActionState instead of client side button onClick handlers
-- [x] Show the devices table
-- [x] Add all relevant filters for user devices table
+```json
+{
+  "$schema": "./node_modules/oxlint/configuration_schema.json",
+  "plugins": ["react", "typescript", "oxc"],
+  "options": {
+    "typeAware": true
+  },
+  "rules": {
+    "react/rules-of-hooks": "error",
+    "react/only-export-components": ["warn", { "allowConstantExport": true }]
+  }
+}
+```
 
-### User Payments
-- [x] Show user payments table
-- [x] Add relevant filters for user payments table
+See the [Oxlint rules documentation](https://oxc.rs/docs/guide/usage/linter/rules) for the full list of rules and categories.