Dev (#288)

* dont make updated at private for users

* fixme workaround to clear filters on filterMode change

* generate entity filters map

* use nano for cursors

* notes

* css

* attempt at custom filter - debounce not working

* css

* css

* notes

* fix debounce and show dynamic custom options

* gen

* react hooks lint

* proper body background and broken filter select

* fix select - must be basic data

* entityfilters sort

* update

* combobox style update - date filter render update

* badge group rendering update

* ignore hook linter for debounced values

* update

* css and elements for proper date ranges and badges

* hide filter label

* state update

* semantic layout for actions proper sizes

Author: danicc097

bin/project

@@ -1056,6 +1056,8 @@ x.gen() {
 
     wait_without_error || err Failed jobs
 
+    x.test.xo
+
     {
       x.gen.pregen
       x.gen.client-server

db/migrations/0000002_init.up.sql

@@ -122,8 +122,6 @@ comment on column users.role_rank is '"properties":private';
 
 comment on column users.scopes is '"type":models.Scopes';
 
-comment on column users.updated_at is '"properties":private';
-
 alter table user_api_keys
   add column user_id uuid not null unique;
 

e2e/client/gen/model/dbUser.ts

@@ -18,6 +18,7 @@ export interface DbUser {
   hasPersonalNotifications: boolean
   lastName?: string | null
   scopes: Scopes
+  updatedAt: Date
   userID: DbUserID
   username: string
 }

e2e/client/gen/model/user.ts

@@ -26,6 +26,7 @@ export interface User {
   role: Role
   scopes: Scopes
   teams?: DbTeam[] | null
+  updatedAt: Date
   userID: DbUserID
   username: string
 }

entityFilters.gen.json

@@ -459,6 +459,11 @@
       "db": "last_name",
       "nullable": true
     },
+    "updatedAt": {
+      "type": "date-time",
+      "db": "updated_at",
+      "nullable": false
+    },
     "username": {
       "type": "string",
       "db": "username",

frontend/.eslintrc.json

@@ -7,8 +7,7 @@
   "extends": [
     "plugin:react/recommended",
     "plugin:@typescript-eslint/recommended",
-    "plugin:prettier/recommended",
-    "plugin:react-hooks/recommended"
+    "plugin:prettier/recommended"
   ],
   "parser": "@typescript-eslint/parser",
   "parserOptions": {
@@ -23,9 +22,12 @@
     "react",
     "@typescript-eslint",
     "jest-dom",
+    "react-hooks",
     "react-refresh"
   ],
   "rules": {
+    "react-hooks/rules-of-hooks": "error",
+    "react-hooks/exhaustive-deps": "warn",
     "prettier/prettier": "error",
     "react/no-unknown-property": [
       "error",
@@ -51,7 +53,6 @@
     "prefer-template": "error",
     "react/jsx-uses-react": "off",
     "react/react-in-jsx-scope": "off",
-    "react-hooks/exhaustive-deps": "off",
     "react/prop-types": "off"
   },
   "ignorePatterns": [

frontend/TODO.md

@@ -0,0 +1 @@
+- Remove client-validator. Will use rhf and ajv for everything

frontend/src/App.tsx

@@ -26,6 +26,8 @@ import { AppTourProvider } from 'src/tours/AppTourProvider'
 import DemoGeneratedForm from 'src/views/DemoGeneratedForm/DemoGeneratedForm'
 import DemoMantineReactTable from 'src/views/DemoMantineReactTable/DemoMantineReactTable'
 
+import 'src/utils/dayjs'
+
 function ErrorFallback({ error }: any) {
   return (
     <div role="alert">
@@ -35,12 +37,6 @@ function ErrorFallback({ error }: any) {
   )
 }
 
-import utc from 'dayjs/plugin/utc'
-import relativeTime from 'dayjs/plugin/relativeTime'
-import dayjs from 'dayjs'
-dayjs.extend(utc)
-dayjs.extend(relativeTime)
-
 const Layout = React.lazy(() => import('./components/Layout/Layout'))
 const LandingPage = React.lazy(() => import('./views/LandingPage/LandingPage'))
 const UserPermissionsPage = React.lazy(() => import('src/views/Settings/UserPermissionsPage/UserPermissionsPage'))
@@ -72,10 +68,6 @@ const routes = Object.freeze({
 })
 
 export default function App() {
-  useEffect(() => {
-    document.body.style.background = 'none !important' // body was preventing flashes
-  }, [])
-
   const { verifyNotificationPermission } = useNotificationAPI()
   const [notificationWarningSent, setNotificationWarningSent] = useState(false)