Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-10-27 11:02:16 +01:00
Code Issues Projects Releases Wiki Activity

Merge pull request #737 from Unleash/fix/ui-consistency

Browse Source 
refactor: make text in ui consistent
This commit is contained in:
Youssef Khedher 2022-02-25 14:02:01 +01:00 committed by GitHub
commit a0a31efdd3
33 changed files with 39 additions and 56 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
frontend/src/component/addons/AddonList/AvailableAddons/AvailableAddons.tsx
View File

@ -44,7 +44,6 @@ export const AvailableAddons = ({
onClick={() =>
history.push(`/addons/create/${provider.name}`)
}
tooltip={`Configure ${provider.name} Addon`}
>
Configure
</PermissionButton>

2
frontend/src/component/addons/AddonList/ConfiguredAddons/ConfiguredAddons.tsx
View File

@ -123,7 +123,6 @@ export const ConfiguredAddons = ({ getAddonIcon }: IConfigureAddonsProps) => {
</PermissionIconButton>
<PermissionIconButton
permission={UPDATE_ADDON}
tooltip={'Edit Addon'}
onClick={() => {
history.push(`/addons/edit/${addon.id}`);
}}
@ -132,7 +131,6 @@ export const ConfiguredAddons = ({ getAddonIcon }: IConfigureAddonsProps) => {
</PermissionIconButton>
<PermissionIconButton
permission={DELETE_ADDON}
tooltip={'Remove Addon'}
onClick={() => {
setDeletedAddon(addon);
setShowDelete(true);

2
frontend/src/component/admin/api-token/ApiTokenList/ApiTokenList.tsx
View File

@ -249,7 +249,7 @@ export const ApiTokenList = () => {
}
data-test={CREATE_API_TOKEN_BUTTON}
>
Create API token
New API token
</Button>
}
/>

2
frontend/src/component/admin/project-roles/EditProjectRole/EditProjectRole.tsx
View File

@ -126,7 +126,7 @@ to resources within a project"
getRoleKey={getRoleKey}
>
<PermissionButton permission={ADMIN} type="submit">
Edit role
Save
</PermissionButton>
</ProjectRoleForm>
</FormTemplate>

2
frontend/src/component/admin/project-roles/ProjectRoles/ProjectRoleList/ProjectRoleListItem/ProjectRoleListItem.tsx
View File

@ -51,7 +51,6 @@ const RoleListItem = ({
<PermissionIconButton
data-loading
aria-label="Edit"
tooltip="Edit"
disabled={type === BUILTIN_ROLE_TYPE}
onClick={() => {
history.push(`/admin/roles/${id}/edit`);
@ -63,7 +62,6 @@ const RoleListItem = ({
<PermissionIconButton
data-loading
aria-label="Remove role"
tooltip="Remove role"
disabled={type === BUILTIN_ROLE_TYPE}
onClick={() => {
setCurrentRole({ id, name, description });

2
frontend/src/component/admin/users/EditUser/EditUser.tsx
View File

@ -96,7 +96,7 @@ const EditUser = () => {
mode={EDIT}
>
<PermissionButton permission={ADMIN} type="submit">
Edit user
Save
</PermissionButton>
</UserForm>
</FormTemplate>

2
frontend/src/component/admin/users/UsersAdmin.tsx
View File

@ -35,7 +35,7 @@ const UsersAdmin = () => {
history.push('/admin/create-user')
}
>
Add new user
New user
</Button>
}
elseShow={

2
frontend/src/component/common/Constraint/Constraint.tsx
View File

@ -52,7 +52,6 @@ const Constraint = ({
<div className={styles.btnContainer}>
<PermissionIconButton
onClick={editCallback}
tooltip="Edit strategy"
permission={UPDATE_FEATURE}
projectId={projectId}
>
@ -61,7 +60,6 @@ const Constraint = ({
<PermissionIconButton
onClick={deleteCallback}
tooltip="Delete strategy"
permission={UPDATE_FEATURE}
projectId={projectId}
>

8
frontend/src/component/common/PermissionButton/PermissionButton.tsx
View File

@ -16,7 +16,7 @@ export interface IPermissionIconButtonProps
const PermissionButton: React.FC<IPermissionIconButtonProps> = ({
permission,
tooltip = 'Click to perform action',
tooltip,
onClick,
children,
disabled,
@ -54,9 +54,9 @@ const PermissionButton: React.FC<IPermissionIconButtonProps> = ({
access = handleAccess();
const tooltipText = access
? tooltip
: "You don't have access to perform this operation";
const tooltipText = !access
? "You don't have access to perform this operation"
: '';
return (
<Tooltip title={tooltipText} arrow>

6
frontend/src/component/common/PermissionIconButton/PermissionIconButton.tsx
View File

@ -39,9 +39,9 @@ const PermissionIconButton: React.FC<IPermissionIconButtonProps> = ({
access = hasAccess(permission);
}
const tooltipText = access
? tooltip || ''
: "You don't have access to perform this operation";
const tooltipText = !access
? "You don't have access to perform this operation"
: '';
return (
<Tooltip title={tooltipText} arrow>

8
frontend/src/component/common/PermissionSwitch/PermissionSwitch.tsx
View File

@ -19,7 +19,7 @@ const PermissionSwitch = React.forwardRef<
>((props, ref) => {
const {
permission,
tooltip = '',
tooltip,
disabled,
projectId,
environmentId,
@ -39,9 +39,9 @@ const PermissionSwitch = React.forwardRef<
access = hasAccess(permission);
}
const tooltipText = access
? tooltip
: "You don't have access to perform this operation";
const tooltipText = !access
? "You don't have access to perform this operation"
: '';
return (
<Tooltip title={tooltipText} arrow>

2
frontend/src/component/context/ContextList/ContextList.jsx
View File

@ -128,7 +128,7 @@ const ContextList = () => {
color="primary"
variant="contained"
>
Add new context field
New context field
</Button>
}
/>

2
frontend/src/component/context/EditContext/EditContext.tsx
View File

@ -108,7 +108,7 @@ const EditContext = () => {
permission={UPDATE_CONTEXT_FIELD}
type="submit"
>
Edit context
Save
</PermissionButton>
</ContextForm>
</FormTemplate>

2
frontend/src/component/environments/EditEnvironment/EditEnvironment.tsx
View File

@ -87,7 +87,7 @@ const EditEnvironment = () => {
clearErrors={clearErrors}
>
<PermissionButton permission={ADMIN} type="submit">
Edit environment
Save
</PermissionButton>
</EnvironmentForm>
</FormTemplate>

3
frontend/src/component/environments/EnvironmentList/EnvironmentList.tsx
View File

@ -175,12 +175,11 @@ const EnvironmentList = () => {
<ResponsiveButton
onClick={navigateToCreateEnvironment}
maxWidth="700px"
tooltip="Add environment"
Icon={Add}
permission={ADMIN}
disabled={!Boolean(uiConfig.flags.EEA)}
>
Add Environment
New Environment
</ResponsiveButton>
</>
}

2
frontend/src/component/feature/EditFeature/EditFeature.tsx
View File

@ -107,7 +107,7 @@ const EditFeature = () => {
projectId={project}
type="submit"
>
Edit toggle
Save
</PermissionButton>
</FeatureForm>
</FormTemplate>

2
frontend/src/component/feature/FeatureToggleList/FeatureToggleList.jsx
View File

@ -183,7 +183,7 @@ const FeatureToggleList = ({
skeleton: loading,
})}
>
Create feature toggle
New feature toggle
</Button>
}
/>

4
frontend/src/component/feature/FeatureToggleList/__tests__/__snapshots__/list-component-test.jsx.snap
View File

@ -165,7 +165,7 @@ exports[`renders correctly with one feature 1`] = `
<span
className="MuiButton-label"
>
Create feature toggle
New feature toggle
</span>
</a>
</div>
@ -362,7 +362,7 @@ exports[`renders correctly with one feature without permissions 1`] = `
<span
className="MuiButton-label"
>
Create feature toggle
New feature toggle
</span>
</a>
</div>

1
frontend/src/component/feature/FeatureView/FeatureOverview/FeatureOverviewEnvSwitches/FeatureOverviewEnvSwitch/FeatureOverviewEnvSwitch.tsx
View File

@ -95,7 +95,6 @@ const FeatureOverviewEnvSwitch = ({
checked={env.enabled}
onChange={toggleEnvironment}
environmentId={env.name}
tooltip={''}
/>
{content}
</div>

1
frontend/src/component/feature/FeatureView/FeatureSettings/FeatureSettingsProject/FeatureSettingsProject.tsx
View File

@ -102,7 +102,6 @@ const FeatureSettingsProject = () => {
show={
<PermissionButton
permission={MOVE_FEATURE_TOGGLE}
tooltip="Update feature"
onClick={() => setShowConfirmDialog(true)}
projectId={projectId}
>

2
frontend/src/component/feature/FeatureView/FeatureStrategies/FeatureStrategiesEnvironments/FeatureStrategiesEnvironments.tsx
View File

@ -282,7 +282,7 @@ const FeatureStrategiesEnvironments = () => {
environmentId={activeEnvironment.name}
permission={CREATE_FEATURE_STRATEGY}
>
Add new strategy
New strategy
</ResponsiveButton>
}
/>

2
frontend/src/component/feature/FeatureView/FeatureVariants/FeatureVariantsList/FeatureVariantsList.tsx
View File

@ -294,7 +294,7 @@ const FeatureOverviewVariants = () => {
permission={UPDATE_FEATURE_VARIANTS}
projectId={projectId}
>
Add variant
New variant
</PermissionButton>
<ConditionallyRender
condition={editable}

2
frontend/src/component/project/Project/EditProject/EditProject.tsx
View File

@ -92,7 +92,7 @@ const EditProject = () => {
validateIdUniqueness={validateIdUniqueness}
>
<PermissionButton permission={UPDATE_PROJECT} type="submit">
Edit project
Save
</PermissionButton>
</ProjectForm>
</FormTemplate>

1
frontend/src/component/project/Project/Project.tsx
View File

@ -125,7 +125,6 @@ const Project = () => {
<div className={styles.titleText}>{project?.name}</div>
<PermissionIconButton
permission={UPDATE_PROJECT}
tooltip="Edit"
projectId={project?.id}
onClick={() => history.push(`/projects/${id}/edit`)}
data-loading

1
frontend/src/component/project/Project/ProjectFeatureToggles/ProjectFeatureToggles.tsx
View File

@ -66,7 +66,6 @@ const ProjectFeatureToggles = ({
)
}
maxWidth="700px"
tooltip="New feature toggle"
Icon={Add}
projectId={id}
permission={CREATE_FEATURE}

1
frontend/src/component/project/Project/ProjectInfo/ProjectInfo.tsx
View File

@ -50,7 +50,6 @@ const ProjectInfo = ({
const permissionButton = (
<PermissionIconButton
permission={UPDATE_PROJECT}
tooltip={'Edit description'}
projectId={id}
component={Link}
className={permissionButtonClass}

2
frontend/src/component/project/ProjectList/ProjectList.tsx
View File

@ -139,7 +139,7 @@ const ProjectListNew = () => {
tooltip={createButtonData.title}
disabled={createButtonData.disabled}
>
Add new project
New project
</ResponsiveButton>
}
/>

6
frontend/src/component/strategies/StrategiesList/StrategiesList.tsx
View File

@ -72,7 +72,6 @@ export const StrategiesList = () => {
data-test={ADD_NEW_STRATEGY_ID}
onClick={() => history.push('/strategies/create')}
permission={CREATE_STRATEGY}
tooltip={'Add new strategy'}
>
<Add />
</PermissionIconButton>
@ -83,9 +82,8 @@ export const StrategiesList = () => {
color="primary"
permission={CREATE_STRATEGY}
data-test={ADD_NEW_STRATEGY_ID}
tooltip={'Add new strategy'}
>
Add new strategy
New strategy
</PermissionButton>
}
/>
@ -168,7 +166,6 @@ export const StrategiesList = () => {
<PermissionIconButton
onClick={() => onReactivateStrategy(strategy)}
permission={UPDATE_STRATEGY}
tooltip={'Reactivate activation strategy'}
>
<VisibilityOff />
</PermissionIconButton>
@ -208,7 +205,6 @@ export const StrategiesList = () => {
<PermissionIconButton
onClick={() => onDeleteStrategy(strategy)}
permission={DELETE_STRATEGY}
tooltip={'Delete strategy'}
>
<Delete />
</PermissionIconButton>

2
frontend/src/component/strategies/StrategyForm/StrategyForm.tsx
View File

@ -178,7 +178,7 @@ export const StrategyForm = ({ editMode, strategy }: IStrategyFormProps) => {
color="primary"
style={{ display: 'block' }}
>
Update
Save
</Button>
}
elseShow={

12
frontend/src/component/strategies/__tests__/__snapshots__/list-component-test.jsx.snap
View File

@ -38,7 +38,7 @@ exports[`renders correctly with one strategy 1`] = `
onMouseOver={[Function]}
onTouchEnd={[Function]}
onTouchStart={[Function]}
title="Add new strategy"
title=""
>
<button
className="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary"
@ -62,7 +62,7 @@ exports[`renders correctly with one strategy 1`] = `
<span
className="MuiButton-label"
>
Add new strategy
New strategy
<span
className="MuiButton-endIcon MuiButton-iconSizeMedium"
/>
@ -135,7 +135,7 @@ exports[`renders correctly with one strategy 1`] = `
onMouseOver={[Function]}
onTouchEnd={[Function]}
onTouchStart={[Function]}
title="Deprecate activation strategy"
title=""
>
<button
className="MuiButtonBase-root MuiIconButton-root"
@ -263,7 +263,7 @@ exports[`renders correctly with one strategy without permissions 1`] = `
onMouseOver={[Function]}
onTouchEnd={[Function]}
onTouchStart={[Function]}
title="Add new strategy"
title=""
>
<button
className="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary"
@ -287,7 +287,7 @@ exports[`renders correctly with one strategy without permissions 1`] = `
<span
className="MuiButton-label"
>
Add new strategy
New strategy
<span
className="MuiButton-endIcon MuiButton-iconSizeMedium"
/>
@ -360,7 +360,7 @@ exports[`renders correctly with one strategy without permissions 1`] = `
onMouseOver={[Function]}
onTouchEnd={[Function]}
onTouchStart={[Function]}
title="Deprecate activation strategy"
title=""
>
<button
className="MuiButtonBase-root MuiIconButton-root"

2
frontend/src/component/tags/EditTagType/EditTagType.tsx
View File

@ -76,7 +76,7 @@ const EditTagType = () => {
clearErrors={clearErrors}
>
<PermissionButton permission={UPDATE_TAG_TYPE} type="submit">
Edit type
Save
</PermissionButton>
</TagForm>
</FormTemplate>

2
frontend/src/component/tags/TagTypeList/TagTypeList.jsx
View File

@ -81,7 +81,7 @@ export const TagTypeList = () => {
history.push('/tag-types/create')
}
>
Add new tag type
New tag type
</Button>
}
/>

4
frontend/src/component/tags/TagTypeList/__tests__/__snapshots__/TagTypeList.test.js.snap
View File

@ -50,7 +50,7 @@ exports[`renders a list with elements correctly 1`] = `
<span
className="MuiButton-label"
>
Add new tag type
New tag type
</span>
<span
className="MuiTouchRipple-root"
@ -126,7 +126,7 @@ exports[`renders an empty list correctly 1`] = `
<span
className="MuiButton-label"
>
Add new tag type
New tag type
</span>
</button>
</div>