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

Fix lint errors.

Browse Source
This commit is contained in:
exoego 2018-11-11 20:10:07 +09:00
parent d6849fb5fa
commit f036c414bc
2 changed files with 11 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/common-elements/ReadMore.tsx
View File

@ -1,22 +1,21 @@
import * as React from 'react';
import {Markdown} from '../components';
import styled from '../styled-components';
import {ShelfIcon} from "./shelfs";
import {Markdown} from "../components";
import {ShelfIcon} from './shelfs';
export interface ReadMoreProps {
content?: string;
}
interface ReadMoreState {
open: boolean
open: boolean;
}
const ReadMoreWrapper = styled.div`
position: relative;
overflow: hidden;
max-height: ${(props: ReadMoreState) => props.open ? 'auto': '5em'};
max-height: ${(props: ReadMoreState) => props.open ? 'auto' : '5em'};
padding-bottom: ${(props: ReadMoreState) => props.open ? '3em' : '1em'};
`;
@ -27,7 +26,7 @@ const ReadMoreButtonBackground = styled.div`
background-image: linear-gradient(to bottom, rgba(255,255,255,0.3), white);
width: 100%;
bottom: 0;
padding: ${(props: ReadMoreState) => props.open ? '0': '2em'};
padding: ${(props: ReadMoreState) => props.open ? '0' : '2em'};
`;
const ReadMoreButton = styled.span`
@ -41,18 +40,17 @@ const ReadMoreButtonText = styled.span`
text-transform: uppercase;
`;
export class ReadMore extends React.Component<ReadMoreProps, ReadMoreState> {
constructor(props: ReadMoreProps) {
super(props);
this.state = {
open: false
open: false,
};
}
toggle = () => {
this.setState(prevState => ({
open: !prevState.open
open: !prevState.open,
}));
};
@ -60,7 +58,7 @@ export class ReadMore extends React.Component<ReadMoreProps, ReadMoreState> {
const { content } = this.props;
if (!content) {
return <ReadMoreWrapper open={false} />
return <ReadMoreWrapper open={false} />;
}
return (

6
src/components/Operation/Operation.tsx
View File

@ -16,10 +16,10 @@ import { RequestSamples } from '../RequestSamples/RequestSamples';
import { ResponsesList } from '../Responses/ResponsesList';
import { ResponseSamples } from '../ResponseSamples/ResponseSamples';
import { ReadMore } from '../../common-elements/ReadMore';
import { OperationModel as OperationType } from '../../services/models';
import styled from '../../styled-components';
import { Extensions } from '../Fields/Extensions';
import { ReadMore } from "../../common-elements/ReadMore";
const OperationRow = styled(Row)`
backface-visibility: hidden;
@ -40,12 +40,12 @@ export interface OperationProps {
function splitDescription(description) {
if (!description) {
return ["", ""];
return ['', ''];
} else {
// str#split split at all occurence of matched string.
// So "a<!--READMORE-->b<!--READMORE-->c" --> ["a", "<!..>", "b", "<!..>", "c"]
const [head, ...rest] = description.split(ReadmorePattern);
const more = rest.join("");
const more = rest.join('');
return [head, more];
}
}