Redocly/redoc
1
1
Fork 0
mirror of https://github.com/Redocly/redoc.git synced 2025-08-01 19:00:21 +03:00
Code Issues Packages Projects Releases Wiki Activity

DOP-3564: (latest) flag (#19)

Browse Source
This commit is contained in:
mmeigs 2023-03-21 12:04:02 -04:00 committed by GitHub
parent 82133beda4
commit bee65e86ec
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 7 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/VersionSelector/Option.tsx
View File

@ -3,18 +3,18 @@ import { StyledLi, StyledOptionText, StyledPlaceholder } from './styled.elements
import Checkmark from './CheckmarkSvg'; import Checkmark from './CheckmarkSvg';
import { OptionProps } from './types'; import { OptionProps } from './types';
export const Option = ({ option, selected, onClick }: OptionProps) => { export const Option = ({ option, value, selected, onClick }: OptionProps) => {
const KEY_ENTER = 'ENTER'; const KEY_ENTER = 'ENTER';
const KEY_SPACE = 'SPACE'; const KEY_SPACE = 'SPACE';
const handleKeyPress = (event: React.KeyboardEvent) => { const handleKeyPress = (event: React.KeyboardEvent) => {
if (event.key === KEY_ENTER || event.key === KEY_SPACE) { if (event.key === KEY_ENTER || event.key === KEY_SPACE) {
onClick(option); onClick(value);
} }
}; };
return ( return (
<StyledLi onClick={() => onClick(option)} onKeyPress={handleKeyPress} selected={selected}> <StyledLi onClick={() => onClick(value)} onKeyPress={handleKeyPress} selected={selected}>
{selected ? <Checkmark /> : <StyledPlaceholder />} {selected ? <Checkmark /> : <StyledPlaceholder />}
<StyledOptionText>{option}</StyledOptionText> <StyledOptionText>{option}</StyledOptionText>
</StyledLi> </StyledLi>

3
src/components/VersionSelector/VersionSelector.tsx
View File

@ -59,7 +59,8 @@ const VersionSelectorComponent = ({
<Option <Option
key={`option-${i}`} key={`option-${i}`}
selected={i === selectedIdx} selected={i === selectedIdx}
option={option} value={option}
option={`${option}${i === resourceVersions.length - 1 ? ' (latest)' : ''}`}
onClick={option => handleClick(i, option)} onClick={option => handleClick(i, option)}
/> />
))} ))}

1
src/components/VersionSelector/types.ts
View File

@ -11,6 +11,7 @@ export interface VersionSelectorProps {
export interface OptionProps { export interface OptionProps {
option: string; option: string;
value: string;
selected: boolean; selected: boolean;
onClick: (option: string) => void; onClick: (option: string) => void;
} }

2
src/components/__tests__/__snapshots__/VersionSelector.test.tsx.snap
View File

@ -107,7 +107,7 @@ exports[`VersionSelector should correctly render VersionSelector 1`] = `
<span <span
class="sc-jrsJWt hDLwjI" class="sc-jrsJWt hDLwjI"
> >
2023-01-01 2023-01-01 (latest)
</span> </span>
</li> </li>
</ul> </ul>