Commit bd5cb3ae authored by tom's avatar tom

more fixes

parent c0d92d89
...@@ -27,8 +27,8 @@ test('base view +@mobile', async({ render }) => { ...@@ -27,8 +27,8 @@ test('base view +@mobile', async({ render }) => {
await component.getByLabel(/text \(hex\)/i).fill(mocks.tag1.meta.textColor); await component.getByLabel(/text \(hex\)/i).fill(mocks.tag1.meta.textColor);
await component.getByLabel(/add/i).nth(3).click(); await component.getByLabel(/add/i).nth(3).click();
await component.getByLabel(/comment/i).focus(); await component.getByLabel(/connection/i).focus();
await component.getByLabel(/comment/i).blur(); await component.getByLabel(/connection/i).blur();
await expect(component).toHaveScreenshot({ await expect(component).toHaveScreenshot({
mask: [ component.locator('.recaptcha') ], mask: [ component.locator('.recaptcha') ],
......
...@@ -4,11 +4,13 @@ import { useController, useFormContext } from 'react-hook-form'; ...@@ -4,11 +4,13 @@ import { useController, useFormContext } from 'react-hook-form';
import type { FormFields } from '../types'; import type { FormFields } from '../types';
import useIsMobile from 'lib/hooks/useIsMobile';
import InputPlaceholder from 'ui/shared/InputPlaceholder'; import InputPlaceholder from 'ui/shared/InputPlaceholder';
const MAX_LENGTH = 80; const MAX_LENGTH = 80;
const PublicTagsSubmitFieldDescription = () => { const PublicTagsSubmitFieldDescription = () => {
const isMobile = useIsMobile();
const { control } = useFormContext<FormFields>(); const { control } = useFormContext<FormFields>();
const { field, fieldState, formState } = useController<FormFields, 'description'>({ const { field, fieldState, formState } = useController<FormFields, 'description'>({
control, control,
...@@ -29,7 +31,7 @@ const PublicTagsSubmitFieldDescription = () => { ...@@ -29,7 +31,7 @@ const PublicTagsSubmitFieldDescription = () => {
maxLength={ MAX_LENGTH } maxLength={ MAX_LENGTH }
/> />
<InputPlaceholder <InputPlaceholder
text="Provide a comment to confirm the connection between addresses and tags." text={ isMobile ? 'Confirm the connection between addresses and tags.' : 'Provide a comment to confirm the connection between addresses and tags.' }
error={ fieldState.error } error={ fieldState.error }
/> />
</FormControl> </FormControl>
......
...@@ -100,7 +100,7 @@ const PublicTagsSubmitFieldTag = ({ index, isDisabled, register, errors, onAddCl ...@@ -100,7 +100,7 @@ const PublicTagsSubmitFieldTag = ({ index, isDisabled, register, errors, onAddCl
maxH="160px" maxH="160px"
/> />
<InputPlaceholder <InputPlaceholder
text="Description on label hover (max 80 characters)" text="Label description (max 80 characters)"
error={ errors?.tooltipDescription } error={ errors?.tooltipDescription }
/> />
</FormControl> </FormControl>
......
...@@ -39,7 +39,7 @@ const EntityTagPopover = ({ data, children }: Props) => { ...@@ -39,7 +39,7 @@ const EntityTagPopover = ({ data, children }: Props) => {
<PopoverTrigger> <PopoverTrigger>
{ children } { children }
</PopoverTrigger> </PopoverTrigger>
<PopoverContent bgColor={ bgColor } borderRadius="sm"> <PopoverContent bgColor={ bgColor } borderRadius="sm" maxW="300px" w="fit-content">
<PopoverArrow bgColor={ bgColor }/> <PopoverArrow bgColor={ bgColor }/>
<DarkMode> <DarkMode>
<PopoverBody color="white" p={ 2 } fontSize="sm" display="flex" flexDir="column" rowGap={ 2 }> <PopoverBody color="white" p={ 2 } fontSize="sm" display="flex" flexDir="column" rowGap={ 2 }>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment