Fix typos

Signed-off-by: Charles Thao <[email protected]>

Author: thaorell

workspaces/frontend/src/app/pages/Workspaces/Creation/properties/WorkspaceCreationPropertiesSecrets.tsx

@@ -18,20 +18,20 @@ import {
   HelperText,
   HelperTextItem,
 } from '@patternfly/react-core';
-import { WorkSpaceSecret } from '~/shared/types';
+import { WorkspaceSecret } from '~/shared/types';
 
-interface WorkspaceCreationSecretsProps {
-  secrets: WorkSpaceSecret[];
-  setSecrets: React.Dispatch<React.SetStateAction<WorkSpaceSecret[]>>;
+interface WorkspaceCreationPropertiesSecretsProps {
+  secrets: WorkspaceSecret[];
+  setSecrets: React.Dispatch<React.SetStateAction<WorkspaceSecret[]>>;
 }
 
-export const WorkspaceCreationPropertiesSecrets: React.FC<WorkspaceCreationSecretsProps> = ({
+export const WorkspaceCreationPropertiesSecrets: React.FC<WorkspaceCreationPropertiesSecretsProps> = ({
   secrets,
   setSecrets,
 }) => {
   const [isModalOpen, setIsModalOpen] = useState(false);
   const [isDeleteModalOpen, setIsDeleteModalOpen] = useState(false);
-  const [formData, setFormData] = useState<WorkSpaceSecret>({
+  const [formData, setFormData] = useState<WorkspaceSecret>({
     secretName: '',
     mountPath: '',
     defaultMode: 420,
@@ -151,7 +151,7 @@ export const WorkspaceCreationPropertiesSecrets: React.FC<WorkspaceCreationSecre
         </Table>
       )}
       <Button variant="primary" onClick={() => setIsModalOpen(true)} style={{ marginTop: '1rem' }}>
-        Create Secrets
+        Create Secret
       </Button>
       <Modal isOpen={isModalOpen} onClose={clearForm} variant={ModalVariant.small}>
         <ModalHeader

workspaces/frontend/src/app/pages/Workspaces/Creation/properties/WorkspaceCreationPropertiesSelection.tsx

@@ -13,7 +13,7 @@ import {
 } from '@patternfly/react-core';
 import { WorkspaceCreationImageDetails } from '~/app/pages/Workspaces/Creation/image/WorkspaceCreationImageDetails';
 import { WorkspaceCreationPropertiesVolumes } from '~/app/pages/Workspaces/Creation/properties/WorkspaceCreationPropertiesVolumes';
-import { WorkspaceImage, WorkspaceVolumes, WorkspaceVolume, WorkSpaceSecret } from '~/shared/types';
+import { WorkspaceImage, WorkspaceVolumes, WorkspaceVolume, WorkspaceSecret } from '~/shared/types';
 import WorkspaceCreationPropertiesSecrets from './WorkspaceCreationPropertiesSecrets';
 
 interface WorkspaceCreationPropertiesSelectionProps {
@@ -28,7 +28,7 @@ const WorkspaceCreationPropertiesSelection: React.FunctionComponent<
   const [homeDirectory, setHomeDirectory] = useState('');
   const [volumes, setVolumes] = useState<WorkspaceVolumes>({ home: '', data: [], secrets: [] });
   const [volumesData, setVolumesData] = useState<WorkspaceVolume[]>([]);
-  const [secrets, setSecrets] = useState<WorkSpaceSecret[]>(
+  const [secrets, setSecrets] = useState<WorkspaceSecret[]>(
     volumes.secrets.length ? volumes.secrets : [],
   );
   const [isVolumesExpanded, setIsVolumesExpanded] = useState(false);

workspaces/frontend/src/shared/types.ts

@@ -29,10 +29,10 @@ export interface WorkspaceVolume {
 export interface WorkspaceVolumes {
   home: string;
   data: WorkspaceVolume[];
-  secrets: WorkSpaceSecret[];
+  secrets: WorkspaceSecret[];
 }
 
-export interface WorkSpaceSecret {
+export interface WorkspaceSecret {
   defaultMode: number;
   secretName: string;
   mountPath: string;