feat: workspace update name and logo (#553)

* feat: workspace update name and logo

* fix: remove logs

* fix: disable warning until refacto

* Fix text

---------

Co-authored-by: Emilien <emilien.chauvet.enpc@gmail.com>
This commit is contained in:
Jérémy M
2023-07-10 20:23:58 +02:00
committed by GitHub
parent a2da3a5f09
commit c9292365c0
7 changed files with 192 additions and 8 deletions

View File

@ -1,4 +1,4 @@
import { ChangeEvent, useState } from 'react';
import { ChangeEvent } from 'react';
import styled from '@emotion/styled';
type OwnProps = Omit<
@ -52,16 +52,13 @@ export function TextInput({
fullWidth,
...props
}: OwnProps): JSX.Element {
const [internalValue, setInternalValue] = useState(value);
return (
<StyledContainer>
{label && <StyledLabel>{label}</StyledLabel>}
<StyledInput
fullWidth={fullWidth ?? false}
value={internalValue}
value={value}
onChange={(event: ChangeEvent<HTMLInputElement>) => {
setInternalValue(event.target.value);
if (onChange) {
onChange(event.target.value);
}

View File

@ -1,3 +1,4 @@
import { useState } from 'react';
import { expect } from '@storybook/jest';
import { jest } from '@storybook/jest';
import type { Meta, StoryObj } from '@storybook/react';
@ -17,9 +18,22 @@ type Story = StoryObj<typeof TextInput>;
const changeJestFn = jest.fn();
function FakeTextInput({ onChange }: any) {
const [value, setValue] = useState<string>('A good value ');
return (
<TextInput
value={value}
onChange={(text) => {
setValue(text);
onChange(text);
}}
/>
);
}
export const Default: Story = {
render: getRenderWrapperForComponent(
<TextInput value="A good value " onChange={changeJestFn} />,
<FakeTextInput onChange={changeJestFn} />,
),
play: async ({ canvasElement }) => {
const canvas = within(canvasElement);