Merge pull request #234 from kloudlite/update/ui-changes

Update/UI changes

gql-queries-generator/doc/queries.graphql

@@ -1924,10 +1924,6 @@ mutation consoleDeleteAccountMembership($accountName: String!, $memberId: ID!) {
   accounts_removeAccountMembership(accountName: $accountName, memberId: $memberId)
 }
 
-mutation consoleVerifyInviteCode($invitationCode: String!) {
-  auth_verifyInviteCode(invitationCode: $invitationCode)
-}
-
 query consoleGetCredToken($username: String!) {
   cr_getCredToken(username: $username)
 }
@@ -6485,6 +6481,10 @@ mutation authVerifyEmail($token: String!) {
   }
 }
 
+mutation authResendVerificationEmail {
+  auth_resendVerificationEmail
+}
+
 query authLoginPageInitUrls {
   githubLoginUrl: oAuth_requestLogin(provider: "github")
   gitlabLoginUrl: oAuth_requestLogin(provider: "gitlab")

lib/server/helpers/minimal-auth.ts

@@ -53,10 +53,6 @@ export const minimalAuth = async (ctx: IExtRemixCtx) => {
     return redirect(`${authBaseUrl}/verify-email`);
   }
 
-  if (whoAmI.data && !whoAmI.data.approved) {
-    return redirect(`${consoleBaseUrl}/invite-code`);
-  }
-
   ctx.authProps = (props: MapType) => {
     return {
       ...props,

package.json

@@ -26,7 +26,7 @@
 		"@jengaicons/react": "1.6.0",
 		"@mdx-js/react": "^2.3.0",
 		"@monaco-editor/react": "^4.6.0",
-		"@oshq/react-select": "^1.4.2",
+		"@oshq/react-select": "^1.4.4",
 		"@radix-ui/primitive": "^1.0.1",
 		"@radix-ui/react-alert-dialog": "1.0.4",
 		"@radix-ui/react-checkbox": "^1.0.4",

src/apps/auth/routes/_main+/verify-email.tsx

@@ -1,4 +1,3 @@
-import { useAPIClient } from '~/root/lib/client/hooks/api-provider';
 import usePersistState from '~/root/lib/client/hooks/use-persist-state';
 import { useEffect, useState } from 'react';
 import { GQLServerHandler } from '~/auth/server/gql/saved-queries';
@@ -14,20 +13,21 @@ import { IRemixCtx } from '~/root/lib/types/common';
 import { ArrowLeft } from '~/components/icons';
 import { cn } from '~/components/utils';
 import Container from '~/auth/components/container';
+import { useAuthApi } from '~/auth/server/gql/api-provider';
 
 const VerifyEmail = () => {
   const { query, email } = useLoaderData();
   const navigate = useNavigate();
   const { token } = query;
-  const api = useAPIClient();
+  const api = useAuthApi();
 
   const [rateLimiter, setRateLimiter] = usePersistState('rateLimiter', {});
 
   useEffect(() => {
     (async () => {
       try {
         if (!token) return;
-        const { _, errors } = await api.verifyEmail({
+        const { errors } = await api.verifyEmail({
           token,
         });
         if (errors) {
@@ -68,7 +68,7 @@ const VerifyEmail = () => {
 
         setSending(true);
 
-        const { errors } = await api.resendVerificationEmail({ email });
+        const { errors } = await api.resendVerificationEmail();
 
         setSending(false);
 

src/apps/auth/server/gql/saved-queries.ts

@@ -25,6 +25,8 @@ import {
   AuthCheckOauthEnabledQueryVariables,
   AuthSetRemoteAuthHeaderMutation,
   AuthSetRemoteAuthHeaderMutationVariables,
+  AuthResendVerificationEmailMutation,
+  AuthResendVerificationEmailMutationVariables,
 } from '~/root/src/generated/gql/server';
 import { cliQueries } from './cli-queries';
 
@@ -138,6 +140,19 @@ export const GQLServerHandler = ({ headers, cookies }: IGQLServerProps) => {
       }
     ),
 
+    resendVerificationEmail: executor(
+      gql`
+        mutation Mutation {
+          auth_resendVerificationEmail
+        }
+      `,
+      {
+        transformer: (data: AuthResendVerificationEmailMutation) =>
+          data.auth_resendVerificationEmail,
+        vars(_: AuthResendVerificationEmailMutationVariables) {},
+      }
+    ),
+
     loginPageInitUrls: executor(
       gql`
         query Query {

src/apps/console/routes/_main+/$account+/env+/$environment+/_layout.tsx

@@ -1,5 +1,5 @@
 import {
-  BackingServices,
+  // BackingServices,
   CirclesFour,
   GearSix,
   // Plus,
@@ -103,16 +103,16 @@ const tabs = [
     to: '/cs/configs',
     value: '/cs',
   },
-  {
-    label: (
-      <span className="flex flex-row items-center gap-lg">
-        <BackingServices size={tabIconSize} />
-        Managed resources
-      </span>
-    ),
-    to: '/managed-resources',
-    value: '/managed-resources',
-  },
+  // {
+  //   label: (
+  //     <span className="flex flex-row items-center gap-lg">
+  //       <BackingServices size={tabIconSize} />
+  //       Managed resources
+  //     </span>
+  //   ),
+  //   to: '/managed-resources',
+  //   value: '/managed-resources',
+  // },
   // {
   //   label: 'Jobs & Crons',
   //   to: '/jc/task',

src/apps/console/routes/_main+/$account+/env+/$environment+/config.$config/handle.tsx

@@ -4,6 +4,7 @@ import Popup from '~/components/molecule/popup';
 import { IDialog, IModifiedItem } from '~/console/components/types.d';
 import { ConsoleApiType } from '~/console/server/gql/saved-queries';
 import { parseName } from '~/console/server/r-utils/common';
+import { constants } from '~/console/server/utils/constants';
 import useForm from '~/lib/client/hooks/use-form';
 import Yup from '~/lib/server/helpers/yup';
 import { handleError } from '~/lib/utils/common';
@@ -75,6 +76,7 @@ const Handle = ({
     validationSchema: Yup.object({
       key: Yup.string()
         .required()
+        .matches(constants.keyFormatRegex, 'Invalid key format')
         .test('is-valid', 'Key already exists.', (value) => {
           if (isUpdate) {
             return true;

src/apps/console/routes/_main+/$account+/env+/$environment+/cs+/configs._index/handle-config.tsx

@@ -25,13 +25,13 @@ const HandleConfig = ({ show, setShow }: IDialog) => {
         name: Yup.string().required(),
       }),
       onSubmit: async (val) => {
-        if ( !environment) {
+        if (!environment) {
           throw new Error('Project and Environment is required!.');
         }
         try {
           const { errors: e } = await api.createConfig({
             envName: environment,
-            
+
             config: {
               metadata: {
                 name: val.name,

src/apps/console/routes/_main+/$account+/env+/$environment+/new-app/app-network.tsx

@@ -162,6 +162,7 @@ const ExposedRoute = () => {
         // error={!!portError}
         // message={portError}
         disableWhileLoading
+        createLabel="Exposed Domains"
       />
     </div>
   );
@@ -219,6 +220,7 @@ export const ExposedPorts = () => {
             error={!!portError}
             message={portError}
             disableWhileLoading
+            createLabel="Exposed ports"
           />
         </div>
       </div>

src/apps/console/routes/_main+/$account+/env+/$environment+/secret.$secret/handle.tsx

@@ -4,6 +4,7 @@ import Popup from '~/components/molecule/popup';
 import { IDialog, IModifiedItem } from '~/console/components/types.d';
 import { ConsoleApiType } from '~/console/server/gql/saved-queries';
 import { parseName } from '~/console/server/r-utils/common';
+import { constants } from '~/console/server/utils/constants';
 import useForm from '~/lib/client/hooks/use-form';
 import Yup from '~/lib/server/helpers/yup';
 import { handleError } from '~/lib/utils/common';
@@ -72,6 +73,7 @@ const Handle = ({
     validationSchema: Yup.object({
       key: Yup.string()
         .required()
+        .matches(constants.keyFormatRegex, 'Invalid key format')
         .test('is-valid', 'Key already exists.', (value) => {
           if (isUpdate) {
             return true;

src/apps/console/routes/_main+/_index.tsx

@@ -1,11 +1,5 @@
 import { redirect } from '@remix-run/node';
-import { GQLServerHandler } from '~/root/lib/server/gql/saved-queries';
-import { IRemixCtx } from '~/root/lib/types/common';
 
-export const loader = async (ctx: IRemixCtx) => {
-  const { data } = await GQLServerHandler(ctx.request).whoAmI();
-  if (data && !data.approved) {
-    return redirect(`/invite-code`);
-  }
+export const loader = async () => {
   return redirect('/teams');
 };

src/apps/console/routes/_main+/_layout/_layout.tsx

@@ -36,7 +36,7 @@ import {
   InfraAsCode,
   GearSix,
   Project,
-  BackingServices,
+  // BackingServices,
   BellFill,
   Sliders,
 } from '~/console/components/icons';
@@ -86,16 +86,16 @@ const AccountTabs = () => {
           to: '/environments',
           value: '/environments',
         },
-        {
-          label: (
-            <span className="flex flex-row items-center gap-lg">
-              <BackingServices size={iconSize} />
-              Managed Services
-            </span>
-          ),
-          to: '/managed-services',
-          value: '/managed-services',
-        },
+        // {
+        //   label: (
+        //     <span className="flex flex-row items-center gap-lg">
+        //       <BackingServices size={iconSize} />
+        //       Managed Services
+        //     </span>
+        //   ),
+        //   to: '/managed-services',
+        //   value: '/managed-services',
+        // },
         {
           label: (
             <span className="flex flex-row items-center gap-lg">

src/apps/console/server/gql/queries/access-queries.ts

@@ -20,8 +20,6 @@ import {
   ConsoleRejectInvitationMutationVariables,
   ConsoleDeleteAccountMembershipMutation,
   ConsoleDeleteAccountMembershipMutationVariables,
-  ConsoleVerifyInviteCodeMutation,
-  ConsoleVerifyInviteCodeMutationVariables,
 } from '~/root/src/generated/gql/server';
 
 export type IInvites = NN<
@@ -210,17 +208,4 @@ export const accessQueries = (executor: IExecutor) => ({
       vars(_: ConsoleDeleteAccountMembershipMutationVariables) {},
     }
   ),
-
-  verifyInviteCode: executor(
-    gql`
-      mutation Auth_verifyInviteCode($invitationCode: String!) {
-        auth_verifyInviteCode(invitationCode: $invitationCode)
-      }
-    `,
-    {
-      transformer: (data: ConsoleVerifyInviteCodeMutation) =>
-        data.auth_verifyInviteCode,
-      vars(_: ConsoleVerifyInviteCodeMutationVariables) {},
-    }
-  ),
 });