2062 view edit an api key (#2231)

* Add query to get api keys

* Add a link to apiKey detail page

* Reset generatedApiKey when leaving page

* Simplify stuff

* Regenerate key when clicking on button

* Simplify

* Fix test

* Refetch apiKeys when delete or create one

* Add test for utils

* Create utils function

* Enable null expiration dates

* Update formatExpiration

* Fix display

* Fix noteCard

* Fix errors

* Fix reset

* Fix display

* Fix renaming

* Fix tests

* Fix ci

* Fix mocked data

* Fix test

* Update coverage requiremeents

* Rename folder

* Code review returns

* Symplify sht code

front/src/modules/ui/display/icon/index.ts

@@ -76,6 +76,7 @@ export {
   IconPlug,
   IconPlus,
   IconProgressCheck,
+  IconRepeat,
   IconRobot,
   IconSearch,
   IconSettings,

front/src/modules/ui/input/components/Select.tsx

@@ -11,7 +11,7 @@ import { MenuItem } from '@/ui/navigation/menu-item/components/MenuItem';
 
 import { SelectHotkeyScope } from '../types/SelectHotkeyScope';
 
-export type SelectProps<Value extends string | number> = {
+export type SelectProps<Value extends string | number | null> = {
   dropdownScopeId: string;
   onChange: (value: Value) => void;
   options: { value: Value; label: string; Icon?: IconComponent }[];
@@ -38,7 +38,7 @@ const StyledLabel = styled.div`
   gap: ${({ theme }) => theme.spacing(1)};
 `;
 
-export const Select = <Value extends string | number>({
+export const Select = <Value extends string | number | null>({
   dropdownScopeId,
   onChange,
   options,

front/src/modules/ui/input/components/TextInput.tsx

@@ -25,7 +25,6 @@ export type TextInputComponentProps = Omit<
 > & {
   className?: string;
   label?: string;
-  info?: string;
   onChange?: (text: string) => void;
   fullWidth?: boolean;
   disableHotkeys?: boolean;
@@ -46,13 +45,6 @@ const StyledLabel = styled.span`
   text-transform: uppercase;
 `;
 
-const StyledInfo = styled.span`
-  color: ${({ theme }) => theme.font.color.light};
-  font-size: ${({ theme }) => theme.font.size.sm};
-  font-weight: ${({ theme }) => theme.font.weight.regular};
-  margin-top: ${({ theme }) => theme.spacing(1)};
-`;
-
 const StyledInputContainer = styled.div`
   display: flex;
   flex-direction: row;
@@ -120,7 +112,6 @@ const TextInputComponent = (
   {
     className,
     label,
-    info,
     value,
     onChange,
     onFocus,
@@ -212,7 +203,6 @@ const TextInputComponent = (
           )}
         </StyledTrailingIconContainer>
       </StyledInputContainer>
-      {info && <StyledInfo>{info}</StyledInfo>}
       {error && <StyledErrorHelper>{error}</StyledErrorHelper>}
     </StyledContainer>
   );

front/src/modules/ui/input/components/__stories__/Select.stories.tsx

@@ -6,11 +6,11 @@ import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator';
 
 import { Select, SelectProps } from '../Select';
 
-type RenderProps = SelectProps<string | number>;
+type RenderProps = SelectProps<string | number | null>;
 
 const Render = (args: RenderProps) => {
   const [value, setValue] = useState(args.value);
-  const handleChange = (value: string | number) => {
+  const handleChange = (value: string | number | null) => {
     args.onChange?.(value);
     setValue(value);
   };

front/src/modules/ui/input/components/__stories__/TextInput.stories.tsx

@@ -38,7 +38,3 @@ export const Filled: Story = {
 export const Disabled: Story = {
   args: { disabled: true, value: 'Tim' },
 };
-
-export const WithInfo: Story = {
-  args: { info: 'Some info displayed below the input', value: 'Tim' },
-};