Michel2/pybricks-code
1
0
Fork 0
mirror of https://github.com/pybricks/pybricks-code.git synced 2026-09-15 02:54:07 +00:00
Code Issues Releases Activity

style: make use of more blueprint styles

Browse Source 
https://blueprintjs.com/docs/#core/typography

Also fix wrapping license text while we are touching this.
This commit is contained in:
David Lechner
2022-07-27 16:55:46 -05:00
parent e6609b9054
commit c84afea181
8 changed files with 54 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/explorer/fileNameFormGroup/FileNameFormGroup.tsx
+7 -7
View File
@@ -1,7 +1,7 @@
// SPDX-License-Identifier: MIT
// Copyright (c) 2022 The Pybricks Authors
import { Classes, FormGroup, InputGroup, Intent, Tag } from '@blueprintjs/core';
import { Classes, Code, FormGroup, InputGroup, Intent, Tag } from '@blueprintjs/core';
import type { AriaButtonProps } from '@react-types/button';
import React, { useCallback, useRef } from 'react';
import { useButton } from 'react-aria';
@@ -108,8 +108,8 @@ const FileNameHelpText: React.VoidFunctionComponent<FileNameHelpTextProps> = ({
return (
<>
{i18n.translate('helpText.hasInvalidFirstCharacter', {
letters: <code className={Classes.CODE}>a…z</code>,
underscore: <code className={Classes.CODE}>_</code>,
letters: <Code className={Classes.CODE}>a…z</Code>,
underscore: <Code className={Classes.CODE}>_</Code>,
})}
</>
);
@@ -117,10 +117,10 @@ const FileNameHelpText: React.VoidFunctionComponent<FileNameHelpTextProps> = ({
return (
<>
{i18n.translate('helpText.hasInvalidCharacters', {
letters: <code className={Classes.CODE}>a…z</code>,
numbers: <code className={Classes.CODE}>0…9</code>,
dash: <code className={Classes.CODE}>-</code>,
underscore: <code className={Classes.CODE}>_</code>,
letters: <Code className={Classes.CODE}>a…z</Code>,
numbers: <Code className={Classes.CODE}>0…9</Code>,
dash: <Code className={Classes.CODE}>-</Code>,
underscore: <Code className={Classes.CODE}>_</Code>,
})}{' '}
<FixItButton onPress={handleHasInvalidCharacters} />
</>