feat(version): release 0.33.1 version

robolaunch · Jan 26, 2024 · 6ebebce · 6ebebce
1 parent c7c7485
commit 6ebebce
Show file tree

Hide file tree

Showing 50 changed files with 224 additions and 287 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "ui",
-  "version": "0.33.0",
+  "version": "0.33.1",
   "private": true,
   "scripts": {
     "dev": "GENERATE_SOURCEMAP=false react-scripts start",

diff --git a/public/css/style.css b/public/css/style.css
@@ -1162,36 +1162,10 @@ video {
   height: 100vh;
 }
 
-.h-max {
-  height: -webkit-max-content;
-  height: max-content;
-}
-
-.h-min {
-  height: -webkit-min-content;
-  height: min-content;
-}
-
-.h-auto {
-  height: auto;
-}
-
 .max-h-\[40rem\] {
   max-height: 40rem;
 }
 
-.max-h-full {
-  max-height: 100%;
-}
-
-.\!max-h-full {
-  max-height: 100% !important;
-}
-
-.\!max-h-\[20rem\] {
-  max-height: 20rem !important;
-}
-
 .min-h-4 {
   min-height: 1rem;
 }
@@ -1421,11 +1395,6 @@ video {
   width: max-content;
 }
 
-.w-min {
-  width: -webkit-min-content;
-  width: min-content;
-}
-
 .min-w-24 {
   min-width: 6rem;
 }
@@ -2217,10 +2186,6 @@ video {
   background-color: rgb(234 179 8 / var(--tw-bg-opacity));
 }
 
-.object-cover {
-  object-fit: cover;
-}
-
 .\!p-0 {
   padding: 0px !important;
 }

diff --git a/src/components/CFAddBuildButton/CFAddBuildButton.tsx b/src/components/CFAddBuildButton/CFAddBuildButton.tsx
@@ -11,12 +11,12 @@ interface ICFAddBuildButton {
 export default function CFAddBuildButton({
   formik,
 }: ICFAddBuildButton): ReactElement {
-  const { handleAddStepToBuildStep } = useCreateRobot();
+  const { handleAddBuildStep } = useCreateRobot();
 
   return (
     <div data-tut="create-robot-step3-build-add-button">
       <CreateRobotFormAddButton
-        onClick={() => handleAddStepToBuildStep(formik)}
+        onClick={() => handleAddBuildStep(formik)}
         disabled={formik?.isSubmitting}
       />
     </div>

diff --git a/src/components/CFDeleteBuildButton/CFDeleteBuildButton.tsx b/src/components/CFDeleteBuildButton/CFDeleteBuildButton.tsx
@@ -17,13 +17,13 @@ export default function CFDeleteBuildButton({
 
   return (
     <Fragment>
-      {formik.values?.robotBuildSteps?.length > 1 && (
+      {formik.values?.steps?.length > 1 && (
         <CreateRobotFormDeleteButton
           onClick={() => {
             handleRemoveStepFromBuildStep(formik, buildStepIndex);
           }}
           text={`Delete ${
-            formik.values.robotBuildSteps[buildStepIndex]?.name || "this"
+            formik.values.steps?.[buildStepIndex]?.name || "this"
           } Build Step`}
           disabled={formik?.isSubmitting}
         />

diff --git a/src/components/CFGpuTypes/CFGpuTypes.tsx b/src/components/CFGpuTypes/CFGpuTypes.tsx
@@ -23,7 +23,7 @@ export default function CFGpuTypes({
   function handleGetInstance() {
     getInstance(
       {
-        organizationId: selectedState?.organization?.organizationId!,
+        organizationId: selectedState?.organization?.id!,
         roboticsCloudName: selectedState?.roboticsCloud?.name!,
         instanceName: selectedState.instance?.name!,
         region: selectedState?.roboticsCloud?.region!,

diff --git a/src/components/CFPortSetter/CFPortSetter.tsx b/src/components/CFPortSetter/CFPortSetter.tsx
@@ -26,7 +26,7 @@ export default function CFPortSetter({
     try {
       const result = await dispatch(
         getFreePort({
-          organizationId: selectedState?.organization?.organizationId!,
+          organizationId: selectedState?.organization?.id!,
           instanceId: selectedState?.instance?.instanceId!,
           region: selectedState?.roboticsCloud?.region!,
           roboticsCloudName: selectedState?.roboticsCloud?.name!,

diff --git a/src/components/CreateForms/CFAppStep1.tsx b/src/components/CreateForms/CFAppStep1.tsx
@@ -75,7 +75,7 @@ export default function CFAppStep1({
   function handleGetEnvironment() {
     getEnvironment(
       {
-        organizationId: selectedState?.organization?.organizationId!,
+        organizationId: selectedState?.organization?.id!,
         roboticsCloudName: selectedState?.roboticsCloud?.name!,
         instanceId: selectedState?.instance?.instanceId!,
         region: selectedState?.roboticsCloud?.region!,

diff --git a/src/components/CreateForms/CFFleet.tsx b/src/components/CreateForms/CFFleet.tsx
@@ -21,7 +21,7 @@ export default function CreateFleetForm(): ReactElement {
       dispatch(
         createFederatedFleet({
           robolaunchFederatedFleetsName: values.name,
-          organizationId: selectedState?.organization?.organizationId!,
+          organizationId: selectedState?.organization?.id!,
           roboticsCloudName: selectedState?.roboticsCloud?.name!,
           instanceId: selectedState?.instance?.instanceId!,
           region: selectedState?.instance?.region!,

diff --git a/src/components/CreateForms/CFInstance.tsx b/src/components/CreateForms/CFInstance.tsx
@@ -25,7 +25,7 @@ export default function CFInstance(): ReactElement {
       formik.setSubmitting(true);
       dispatch(
         createCloudInstance({
-          organizationId: selectedState.organization!.organizationId!,
+          organizationId: selectedState.organization!.id!,
           roboticsCloudName: selectedState.roboticsCloud!.name!,
           cloudInstanceName: values.cloudInstanceName,
           instanceType: values.instanceType,
@@ -52,7 +52,7 @@ export default function CFInstance(): ReactElement {
       />
 
       <div className="flex flex-col gap-3">
-        <div className="text-light-700 flex min-w-fit gap-1 text-xs font-medium">
+        <div className="flex min-w-fit gap-1 text-xs font-medium text-light-700">
           Types:
           <InfoTip
             content="
@@ -80,7 +80,7 @@ export default function CFInstance(): ReactElement {
                 />
                 <div className="text-xs uppercase">{type.name}</div>
               </div>
-              <div className="text-light-700 flex gap-2.5">
+              <div className="flex gap-2.5 text-light-700">
                 <div className="flex items-center gap-1">
                   <BsCpu className="text-light-600" size={14} />
                   <span className="text-xs">{type.resources.cpu} CPU</span>

diff --git a/src/components/CreateForms/CFNamespace.tsx b/src/components/CreateForms/CFNamespace.tsx
@@ -21,7 +21,7 @@ export default function CreateNamespaceForm(): ReactElement {
       dispatch(
         createNamespace({
           namespaceName: values.name,
-          organizationId: selectedState?.organization?.organizationId!,
+          organizationId: selectedState?.organization?.id!,
           roboticsCloudName: selectedState?.roboticsCloud?.name!,
           instanceId: selectedState?.instance?.instanceId!,
           region: selectedState?.instance?.region!,

diff --git a/src/components/CreateForms/CFPhysical.tsx b/src/components/CreateForms/CFPhysical.tsx
@@ -27,7 +27,7 @@ export default function CFPhysical(): ReactElement {
       await keycloak.updateToken(-1);
       await dispatch(
         addPhysicalInstance({
-          organizationId: selectedState?.organization?.organizationId,
+          organizationId: selectedState?.organization?.id,
           roboticsCloudName: selectedState?.roboticsCloud?.name,
           instanceId: selectedState?.instance?.instanceId,
           region: selectedState?.instance?.region,
@@ -69,7 +69,7 @@ export default function CFPhysical(): ReactElement {
           }}
           theme="vs-dark"
         />
-        <p className="text-light-600 text-sm font-medium">
+        <p className="text-sm font-medium text-light-600">
           Copy the code given below and run it on your physical device. After
           doing this, you can check and manage the status of your device.
         </p>
@@ -81,7 +81,7 @@ export default function CFPhysical(): ReactElement {
             />
           </CopyToClipboard>
           <Button
-            className="!bg-light-50 border-primary-700 !text-primary-700 hover:!bg-primary-100 border capitalize transition-all duration-500"
+            className="border border-primary-700 !bg-light-50 capitalize !text-primary-700 transition-all duration-500 hover:!bg-primary-100"
             text="Done"
             onClick={() => {
               setSidebarState({ ...sidebarState, isCreateMode: false });

diff --git a/src/components/CreateForms/CFRegion.tsx b/src/components/CreateForms/CFRegion.tsx
@@ -27,7 +27,7 @@ export default function CFRegion(): ReactElement {
 
       dispatch(
         createRoboticsCloud({
-          organizationId: selectedState.organization!.organizationId,
+          organizationId: selectedState.organization!.id,
           roboticsCloudName: values.roboticsCloudName,
           provider: values.provider,
           region: values.region,
@@ -52,7 +52,7 @@ export default function CFRegion(): ReactElement {
         inputTouched={!!formik.errors.roboticsCloudName}
       />
       <div className="flex flex-col gap-3">
-        <div className="text-light-700 flex min-w-fit gap-1 text-xs font-medium">
+        <div className="flex min-w-fit gap-1 text-xs font-medium text-light-700">
           Providers:
           <InfoTip
             content="
@@ -88,7 +88,7 @@ export default function CFRegion(): ReactElement {
                     filter: provider.isDisabled ? `grayscale(1)` : `none`,
                   }}
                 />
-                <span className="text-light-700 text-[0.68rem]">
+                <span className="text-[0.68rem] text-light-700">
                   {provider.fullName}
                 </span>
               </div>
@@ -100,7 +100,7 @@ export default function CFRegion(): ReactElement {
       </div>
       {formik?.values?.provider && (
         <div className="flex flex-col gap-3">
-          <div className="text-light-700 flex min-w-fit gap-1 text-xs font-medium">
+          <div className="flex min-w-fit gap-1 text-xs font-medium text-light-700">
             Regions:
             <InfoTip
               content="
@@ -126,10 +126,10 @@ export default function CFRegion(): ReactElement {
                   }}
                 >
                   <div className="flex flex-col items-center gap-2">
-                    <span className="text-light-800 text-xs">
+                    <span className="text-xs text-light-800">
                       {region?.name}
                     </span>
-                    <span className="text-light-700 text-xs">
+                    <span className="text-xs text-light-700">
                       ({region?.city})
                     </span>
                   </div>

diff --git a/src/components/CreateForms/CFStep1.tsx b/src/components/CreateForms/CFStep1.tsx
@@ -46,7 +46,7 @@ export default function CFStep1({ isImportRobot }: ICFStep1): ReactElement {
   function handleGetRobot() {
     getRobot(
       {
-        organizationId: selectedState?.organization?.organizationId!,
+        organizationId: selectedState?.organization?.id!,
         roboticsCloudName: selectedState?.roboticsCloud?.name!,
         instanceId: selectedState?.instance?.instanceId!,
         region: selectedState?.roboticsCloud?.region!,
@@ -75,7 +75,7 @@ export default function CFStep1({ isImportRobot }: ICFStep1): ReactElement {
         );
         setTimeout(() => {
           window.location.href = `/${
-            selectedState?.organization?.organizationName?.split("_")[1]
+            selectedState?.organization?.name?.split("_")[1]
           }/${selectedState?.roboticsCloud?.name}/${
             selectedState?.instance?.name
           }/${selectedState?.fleet?.name}/${robotData?.step1?.details?.name}}`;

diff --git a/src/components/CreateForms/CFStep2.tsx b/src/components/CreateForms/CFStep2.tsx
@@ -124,7 +124,7 @@ export default function CFStep2({ isImportRobot }: ICFStep2): ReactElement {
   function handleGetRobot() {
     getRobot(
       {
-        organizationId: selectedState?.organization?.organizationId!,
+        organizationId: selectedState?.organization?.id!,
         roboticsCloudName: selectedState?.roboticsCloud?.name!,
         instanceId: selectedState?.instance?.instanceId!,
         region: selectedState?.instance?.region!,
@@ -142,7 +142,7 @@ export default function CFStep2({ isImportRobot }: ICFStep2): ReactElement {
   function handleGetEnvironment() {
     getEnvironment(
       {
-        organizationId: selectedState?.organization?.organizationId!,
+        organizationId: selectedState?.organization?.id!,
         roboticsCloudName: selectedState?.roboticsCloud?.name!,
         instanceId: selectedState?.instance?.instanceId!,
         region: selectedState?.roboticsCloud?.region!,
@@ -160,7 +160,7 @@ export default function CFStep2({ isImportRobot }: ICFStep2): ReactElement {
   function handleGetFleet() {
     getFleet(
       {
-        organizationId: selectedState?.organization?.organizationId!,
+        organizationId: selectedState?.organization?.id!,
         roboticsCloudName: selectedState?.roboticsCloud?.name!,
         instanceId: selectedState?.instance?.instanceId!,
         region: selectedState?.instance?.region!,
@@ -176,7 +176,7 @@ export default function CFStep2({ isImportRobot }: ICFStep2): ReactElement {
   function handleGetNamespace() {
     getNamespace(
       {
-        organizationId: selectedState?.organization?.organizationId!,
+        organizationId: selectedState?.organization?.id!,
         roboticsCloudName: selectedState?.roboticsCloud?.name!,
         instanceId: selectedState?.instance?.instanceId!,
         region: selectedState?.instance?.region!,

diff --git a/src/components/CreateForms/CFStep3.tsx b/src/components/CreateForms/CFStep3.tsx
@@ -61,7 +61,7 @@ export default function CFStep3({ isImportRobot }: ICFStep3): ReactElement {
   function handleGetRobot() {
     getRobot(
       {
-        organizationId: selectedState?.organization?.organizationId!,
+        organizationId: selectedState?.organization?.id!,
         roboticsCloudName: selectedState?.roboticsCloud?.name!,
         instanceId: selectedState?.instance?.instanceId!,
         region: selectedState?.roboticsCloud?.region!,

diff --git a/src/components/CreateForms/CFStep4.tsx b/src/components/CreateForms/CFStep4.tsx
@@ -58,7 +58,7 @@ export default function CFStep4({
 
       await dispatch(
         createLaunchManager({
-          organizationId: selectedState?.organization?.organizationId!,
+          organizationId: selectedState?.organization?.id!,
           roboticsCloudName: selectedState?.roboticsCloud?.name!,
           instanceId: selectedState?.instance?.instanceId!,
           region: selectedState?.instance?.region!,
@@ -82,7 +82,7 @@ export default function CFStep4({
 
       setTimeout(() => {
         window.location.href = `/${organizationNameViewer({
-          organizationName: selectedState?.organization?.organizationName!,
+          organizationName: selectedState?.organization?.name!,
           capitalization: false,
         })}/${selectedState?.roboticsCloud?.name}/${
           selectedState?.instance?.name

diff --git a/src/components/CreateRobotTypes/CreateRobotTypes.tsx b/src/components/CreateRobotTypes/CreateRobotTypes.tsx
@@ -49,7 +49,7 @@ export default function CreateRobotTypes({
   function handleGetPhysicalInstances() {
     getPhysicalInstances(
       {
-        organizationId: selectedState?.organization?.organizationId!,
+        organizationId: selectedState?.organization?.id!,
         roboticsCloudName: selectedState?.roboticsCloud?.name!,
         instanceId: selectedState?.instance?.instanceId!,
         region: selectedState?.instance?.region!,

diff --git a/src/components/FilteredTags/FilteredTags.tsx b/src/components/FilteredTags/FilteredTags.tsx
@@ -17,7 +17,7 @@ export default function FilteredTags(): ReactElement {
           />
           <span className="cursor-default text-xs text-secondary-900">
             {organizationNameViewer({
-              organizationName: selectedState?.organization?.organizationName,
+              organizationName: selectedState?.organization?.name,
               capitalization: false,
             })}
           </span>

diff --git a/src/components/HostDirectoriesSearchIframe/HostDirectoriesSearchIframe.tsx b/src/components/HostDirectoriesSearchIframe/HostDirectoriesSearchIframe.tsx
@@ -10,9 +10,9 @@ export default function HostDirectoriesSearchIframe(): ReactElement {
 
   return (
     <Fragment>
-      <button onClick={() => setIsOpened(true)}>
+      <div className="cursor-pointer" onClick={() => setIsOpened(true)}>
         <IoSearch className="text-light-500" size={16} />
-      </button>
+      </div>
       {isOpened && (
         <IframeModal
           handleCloseModal={() => setIsOpened(false)}

diff --git a/src/components/SidebarLists/CloudInstancesList.tsx b/src/components/SidebarLists/CloudInstancesList.tsx
@@ -47,7 +47,7 @@ export default function CloudInstancesList({
   function handleGetCloudInstances() {
     getInstances(
       {
-        organizationId: selectedState?.organization?.organizationId!,
+        organizationId: selectedState?.organization?.id!,
         roboticsCloudName: selectedState?.roboticsCloud?.name!,
         region: selectedState?.roboticsCloud?.region!,
         details: true,
@@ -83,8 +83,7 @@ export default function CloudInstancesList({
                 name={instance?.name}
                 description={<CloudInstancesListItemDesc instance={instance} />}
                 url={`/${organizationNameViewer({
-                  organizationName:
-                    selectedState?.organization?.organizationName!,
+                  organizationName: selectedState?.organization?.name!,
                   capitalization: false,
                 })}/${selectedState?.roboticsCloud?.name}/${instance?.name}`}
                 data={instance}

diff --git a/src/components/SidebarLists/EnvironmentsList.tsx b/src/components/SidebarLists/EnvironmentsList.tsx
@@ -1,4 +1,4 @@
-import React, { Fragment, ReactElement, useEffect, useState } from "react";
+import { Fragment, ReactElement, useEffect, useState } from "react";
 import SidebarListLoader from "../SidebarListLoader/SidebarListLoader";
 import StateCell from "../TableInformationCells/StateCell";
 import SidebarInfo from "../SidebarInfo/SidebarInfo";
@@ -51,7 +51,7 @@ export default function EnvironmentsList({
   function handleGetEnvironments() {
     getEnvironments(
       {
-        organizationId: selectedState?.organization?.organizationId!,
+        organizationId: selectedState?.organization?.id!,
         roboticsCloudName: selectedState?.roboticsCloud?.name!,
         instanceId: selectedState?.instance?.instanceId!,
         region: selectedState?.instance?.region!,