Dev (#1702)

* Initial Typescript models.

* Re-add realtime data

* get distinct sessions for session metrics

* Add queries for new schema.

* Fix Typo.

* Add some api/team endpoints.

* Fix destructure error.

* Fix getWebsites call.

* Ignore typescript build errors.

* Fix enum issue.

* add clickhouse route to deleteWebsite

* Fix Website auth.

* Updated lint-staged config.

* Add permission checks.

* Add user role api.

* Fix error when updating website.

* Fix isAdmin check.  Fix Schema.

* Initial conversion to react-basics.

* Remove user/team transfer from website update.

* delete website in relational query

* Fix login secure token creation.

* Add event type to event.

* Allow user to be added to team with role.

* Updated login form.

* Add Role to TeamUser.

* Add database migration.

* Refactored permissions check. Updated redis lib.

* Feat/um 114 roles and permissions (#1683)

* Auth checkpoint.

* Merge branch 'dev' into feat/um-114-roles-and-permissions

* Add 02 migration.

* Added lib/types.

* Updated schema.

* Updated roles and permissions logic.

* Implement react-basics styles. Fix queries.

* Update website details layout.

* Add 01 migration.

* Fix admin create.

* Update react-basics.

Co-authored-by: Francis Cao <franciscao@gmail.com>
Co-authored-by: Mike Cao <mike@mikecao.com>
Co-authored-by: Mike Cao <moocao@gmail.com>

styles/index.css

@@ -3,6 +3,7 @@ body {
   font-family: Inter, -apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans,
     Ubuntu, Cantrell, 'Helvetica Neue', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
     'Segoe UI Symbol';
+  font-size: 16px;
   font-weight: 400;
   line-height: 1.8;
   padding: 0;
@@ -12,14 +13,8 @@ body {
   display: flex;
   flex-direction: column;
   flex: 1;
-
-  font-size: var(--font-size-normal);
-  overflow-y: overlay;
-}
-
-body {
-  color: var(--gray900);
-  background: var(--gray75);
+  color: var(--base800);
+  background: var(--base100);
 }
 
 .zh-CN {
@@ -70,56 +65,12 @@ h6 {
   margin: 0;
 }
 
-button,
-input,
-select {
-  font-family: Inter, -apple-system, BlinkMacSystemFont, sans-serif;
-}
-
 a,
 a:active,
 a:visited {
   color: var(--primary400);
 }
 
-input[type='text'],
-input[type='password'],
-select,
-textarea {
-  color: var(--gray900);
-  background: var(--gray50);
-  padding: 4px 8px;
-  font-size: var(--font-size-normal);
-  line-height: 1.8;
-  border: 1px solid var(--gray500);
-  border-radius: 4px;
-  outline: none;
-  resize: none;
-  flex: 1;
-}
-
-input[type='checkbox'] + label {
-  margin-left: 10px;
-}
-
-label {
-  flex: 1;
-  margin-right: 20px;
-}
-
-label:empty {
-  flex: 0;
-}
-
-dt {
-  font-weight: 600;
-  margin: 0 0 5px 0;
-}
-
-dd {
-  margin: 0 0 30px 0;
-}
-
 main {
   flex: 1;
   display: flex;
@@ -137,28 +88,3 @@ svg {
   height: 100%;
   flex: 1;
 }
-
-#__modals {
-  z-index: 10;
-}
-
-.container {
-  padding: 0;
-  display: flex;
-  flex-direction: column;
-  flex: 1;
-}
-
-.row {
-  margin-right: 0;
-  margin-left: 0;
-}
-.row > .col,
-.row > [class*='col-'] {
-  padding-right: 0;
-  padding-left: 0;
-}
-
-.center {
-  text-align: center;
-}

styles/variables.css

@@ -1,55 +1,6 @@
 :root {
-  --gray50: #ffffff;
-  --gray75: #fafafa;
-  --gray100: #f5f5f5;
-  --gray200: #eaeaea;
-  --gray300: #e1e1e1;
-  --gray400: #cacaca;
-  --gray500: #b3b3b3;
-  --gray600: #8e8e8e;
-  --gray700: #6e6e6e;
-  --gray800: #4b4b4b;
-  --gray900: #2c2c2c;
-
-  --primary400: #2680eb;
-  --primary500: #1473e6;
-  --primary600: #0d66d0;
-  --primary700: #095aba;
-
-  --font-size-xlarge: 36px;
-  --font-size-large: 24px;
-  --font-size-normal: 16px;
-  --font-size-small: 14px;
-  --font-size-xsmall: 12px;
-
-  --grid-size-small: 576px;
-  --grid-size-medium: 768px;
-  --grid-size-large: 992px;
-  --grid-size-xlarge: 1140px;
-
-  --red400: #e34850;
-  --red500: #d7373f;
-  --red600: #c9252d;
-  --red700: #bb121a;
-
-  --green400: #2d9d78;
-  --green500: #268e6c;
-  --green600: #12805c;
-  --green700: #107154;
-
-  --msgColor: #ffffff;
-}
-
-[data-theme='dark'] {
-  --gray50: #252525;
-  --gray75: #2f2f2f;
-  --gray100: #323232;
-  --gray200: #3e3e3e;
-  --gray300: #4a4a4a;
-  --gray400: #5a5a5a;
-  --gray500: #6e6e6e;
-  --gray600: #909090;
-  --gray700: #b9b9b9;
-  --gray800: #e3e3e3;
-  --gray900: #ffffff;
+  --primary400: var(--blue800);
+  --primary500: var(--blue900);
+  --primary600: var(--blue1000);
+  --primary700: var(--blue1100);
 }