paulononato/backstage
1
0
Fork 0
Code Issues Pull Requests Actions 45 Packages Projects Releases Wiki Activity

Ran prettier everywhere

Browse Source
This commit is contained in:
Fredrik Adelöw
2020-05-07 07:21:27 +02:00
parent 91101b05f0
commit 6424ce2306
14 changed files with 37 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files
plugins/home-page/dev/index.tsx
+1 -3
View File
@@ -17,6 +17,4 @@
import { createDevApp } from '@backstage/dev-utils';
import { plugin } from '../src/plugin';
createDevApp()
.registerPlugin(plugin)
.render();
createDevApp().registerPlugin(plugin).render();
plugins/inventory/src/components/InventoryPage/InventoryPage.tsx
+1 -1
View File
@@ -47,7 +47,7 @@ const InventoryPage: FC<{}> = () => {
</TableRow>
</TableHead>
<TableBody>
{STATIC_DATA.map(d => (
{STATIC_DATA.map((d) => (
<TableRow key={d.id}>
<TableCell>{d.id}</TableCell>
<TableCell>{d.kind}</TableCell>
plugins/lighthouse/src/components/AuditView/index.test.tsx
+7 -7
View File
@@ -46,7 +46,7 @@ describe('AuditView', () => {
apis = ApiRegistry.from([
[lighthouseApiRef, new LighthouseRestApi('https://lighthouse')],
]);
id = websiteResponse.audits.find(a => a.status === 'COMPLETED')
id = websiteResponse.audits.find((a) => a.status === 'COMPLETED')
?.id as string;
useParams.mockReturnValue({ id });
});
@@ -98,7 +98,7 @@ describe('AuditView', () => {
await rendered.findByTestId('audit-sidebar');
websiteResponse.audits.forEach(a => {
websiteResponse.audits.forEach((a) => {
expect(
rendered.queryByText(formatTime(a.timeCreated)),
).toBeInTheDocument();
@@ -116,14 +116,14 @@ describe('AuditView', () => {
await rendered.findByTestId('audit-sidebar');
const audit = websiteResponse.audits.find(a => a.id === id) as Audit;
const audit = websiteResponse.audits.find((a) => a.id === id) as Audit;
const auditElement = rendered.getByText(formatTime(audit.timeCreated));
expect(auditElement.parentElement?.parentElement?.className).toContain(
'selected',
);
const notSelectedAudit = websiteResponse.audits.find(
a => a.id !== id,
(a) => a.id !== id,
) as Audit;
const notSelectedAuditElement = rendered.getByText(
formatTime(notSelectedAudit.timeCreated),
@@ -144,7 +144,7 @@ describe('AuditView', () => {
await rendered.findByTestId('audit-sidebar');
websiteResponse.audits.forEach(a => {
websiteResponse.audits.forEach((a) => {
expect(
rendered.getByText(formatTime(a.timeCreated)).parentElement
?.parentElement,
@@ -183,7 +183,7 @@ describe('AuditView', () => {
describe.skip('when a loading audit is accessed', () => {
it('shows a loading view', async () => {
id = websiteResponse.audits.find(a => a.status === 'RUNNING')
id = websiteResponse.audits.find((a) => a.status === 'RUNNING')
?.id as string;
useParams.mockReturnValueOnce({ id });
@@ -203,7 +203,7 @@ describe('AuditView', () => {
describe.skip('when a failed audit is accessed', () => {
it('shows an error message', async () => {
id = websiteResponse.audits.find(a => a.status === 'FAILED')
id = websiteResponse.audits.find((a) => a.status === 'FAILED')
?.id as string;
useParams.mockReturnValueOnce({ id });
plugins/lighthouse/src/components/AuditView/index.tsx
+2 -2
View File
@@ -68,7 +68,7 @@ const AuditLinkList: FC<AuditLinkListProps> = ({
component="nav"
aria-label="lighthouse audit history"
>
{audits.map(audit => (
{audits.map((audit) => (
<ListItem
key={audit.id}
selected={audit.id === selectedId}
@@ -136,7 +136,7 @@ const ConnectedAuditView: FC<{}> = () => {
<AuditLinkList audits={value?.audits} selectedId={params.id} />
</Grid>
<Grid item xs={9}>
<AuditView audit={value?.audits.find(a => a.id === params.id)} />
<AuditView audit={value?.audits.find((a) => a.id === params.id)} />
</Grid>
</Grid>
);
plugins/lighthouse/src/components/CreateAudit/index.test.tsx
+1 -1
View File
@@ -164,7 +164,7 @@ describe('CreateAudit', () => {
fireEvent.click(rendered.getByText(/Create Audit/));
await wait(() => expect(rendered.getByLabelText(/URL/)).toBeEnabled());
await new Promise(r => setTimeout(r, 0));
await new Promise((r) => setTimeout(r, 0));
expect(errorApi.post).toHaveBeenCalledWith(expect.any(Error));
});
plugins/lighthouse/src/components/CreateAudit/index.tsx
+4 -4
View File
@@ -40,7 +40,7 @@ import { lighthouseApiRef } from '../../api';
import { useQuery } from '../../utils';
import LighthouseSupportButton from '../SupportButton';
const useStyles = makeStyles(theme => ({
const useStyles = makeStyles((theme) => ({
input: {
minWidth: 300,
},
@@ -113,7 +113,7 @@ const CreateAudit: FC<{}> = () => {
<Grid item xs={12} sm={6}>
<InfoCard>
<form
onSubmit={ev => {
onSubmit={(ev) => {
ev.preventDefault();
triggerAudit();
}}
@@ -128,7 +128,7 @@ const CreateAudit: FC<{}> = () => {
helperText="The target URL for Lighthouse to use."
required
disabled={submitting}
onChange={ev => setUrl(ev.target.value)}
onChange={(ev) => setUrl(ev.target.value)}
value={url}
inputProps={{ 'aria-label': 'URL' }}
/>
@@ -142,7 +142,7 @@ const CreateAudit: FC<{}> = () => {
select
required
disabled={submitting}
onChange={ev => setEmulatedFormFactor(ev.target.value)}
onChange={(ev) => setEmulatedFormFactor(ev.target.value)}
value={emulatedFormFactor}
inputProps={{ 'aria-label': 'Emulated form factor' }}
>
plugins/lighthouse/src/components/Intro/index.tsx
+1 -1
View File
@@ -71,7 +71,7 @@ export default builder.build() as ApiHolder;
\`\`\`
`;
const useStyles = makeStyles(theme => ({
const useStyles = makeStyles((theme) => ({
tabs: { marginBottom: -18 },
tab: { minWidth: 72, paddingLeft: 1, paddingRight: 1 },
content: { marginBottom: theme.spacing(2) },
plugins/lighthouse/src/utils.ts
+2 -2
View File
@@ -53,13 +53,13 @@ export function buildSparklinesDataForItem(
(audit: Audit): audit is AuditCompleted => audit.status === 'COMPLETED',
)
.reduce((scores, audit) => {
Object.values(audit.categories).forEach(category => {
Object.values(audit.categories).forEach((category) => {
scores[category.id] = scores[category.id] || [];
scores[category.id].unshift(category.score);
});
// edge case: if only one audit exists, force a "flat" sparkline
Object.values(scores).forEach(arr => {
Object.values(scores).forEach((arr) => {
if (arr.length === 1) arr.push(arr[0]);
});
plugins/tech-radar/src/components/Radar/Radar.js
+6 -14
View File
@@ -105,14 +105,14 @@ export default class Radar extends React.Component {
static adjustEntries(entries, activeEntry, quadrants, rings, radius) {
let seed = 42;
entries.forEach((entry, idx) => {
const quadrant = quadrants.find(q => {
const quadrant = quadrants.find((q) => {
const match =
typeof entry.quadrant === 'object'
? entry.quadrant.id
: entry.quadrant;
return q.id === match;
});
const ring = rings.find(r => {
const ring = rings.find((r) => {
const match =
typeof entry.ring === 'object' ? entry.ring.id : entry.ring;
return r.id === match;
@@ -137,21 +137,13 @@ export default class Radar extends React.Component {
entry.active = activeEntry ? entry.id === activeEntry.id : false;
entry.color = entry.active
? entry.ring.color
: color(entry.ring.color)
.desaturate(0.5)
.lighten(0.1)
.string();
: color(entry.ring.color).desaturate(0.5).lighten(0.1).string();
});
const simulation = forceSimulation()
.nodes(entries)
.velocityDecay(0.19)
.force(
'collision',
forceCollide()
.radius(12)
.strength(0.85),
)
.force('collision', forceCollide().radius(12).strength(0.85))
.stop();
for (
@@ -198,7 +190,7 @@ export default class Radar extends React.Component {
return (
<svg
ref={node => {
ref={(node) => {
this.node = node;
}}
width={width}
@@ -213,7 +205,7 @@ export default class Radar extends React.Component {
quadrants={quadrants}
rings={rings}
activeEntry={activeEntry}
onEntryMouseEnter={entry => this._setActiveEntry(entry)}
onEntryMouseEnter={(entry) => this._setActiveEntry(entry)}
onEntryMouseLeave={() => this._clearActiveEntry()}
/>
</svg>
plugins/tech-radar/src/components/RadarBubble/RadarBubble.js
+4 -4
View File
@@ -49,16 +49,16 @@ class RadarBubble extends React.PureComponent {
this._updatePosition();
}
_setRect = rect => {
_setRect = (rect) => {
this.rect = rect;
};
_setNode = node => {
_setNode = (node) => {
this.node = node;
};
_setText = text => {
_setText = (text) => {
this.text = text;
};
_setPath = path => {
_setPath = (path) => {
this.path = path;
};
plugins/tech-radar/src/components/RadarComponent.tsx
+1 -1
View File
@@ -53,7 +53,7 @@ const useTechRadarLoader = (props: TechRadarComponentProps) => {
return state;
};
const RadarComponent: FC<TechRadarComponentProps> = props => {
const RadarComponent: FC<TechRadarComponentProps> = (props) => {
const errorApi = useApi<ErrorApi>(errorApiRef);
const { loading, error, data } = useTechRadarLoader(props);
plugins/tech-radar/src/components/RadarGrid/RadarGrid.js
+1 -1
View File
@@ -84,7 +84,7 @@ class RadarGrid extends React.PureComponent {
/>,
];
const ringNodes = rings.map(r => r.outerRadius).map(makeRingNode);
const ringNodes = rings.map((r) => r.outerRadius).map(makeRingNode);
return axisNodes.concat(ringNodes);
}
plugins/tech-radar/src/components/RadarLegend/RadarLegend.js
+3 -3
View File
@@ -88,7 +88,7 @@ class RadarLegend extends React.PureComponent {
<div className={classes.quadrant}>
<h2 className={classes.quadrantHeading}>{quadrant.name}</h2>
<div className={classes.rings}>
{rings.map(ring =>
{rings.map((ring) =>
RadarLegend._renderRing(
ring,
RadarLegend._getSegment(segments, quadrant, ring),
@@ -117,7 +117,7 @@ class RadarLegend extends React.PureComponent {
<p>(empty)</p>
) : (
<ol className={classes.ringList}>
{entries.map(entry => {
{entries.map((entry) => {
let node = <span className={classes.entry}>{entry.title}</span>;
if (entry.url) {
@@ -175,7 +175,7 @@ class RadarLegend extends React.PureComponent {
return (
<g>
{quadrants.map(quadrant =>
{quadrants.map((quadrant) =>
RadarLegend._renderQuadrant(
segments,
quadrant,
plugins/tech-radar/src/components/RadarPlot/RadarPlot.js
+3 -3
View File
@@ -46,16 +46,16 @@ export default class RadarPlot extends React.PureComponent {
rings={rings}
entries={entries}
onEntryMouseEnter={
onEntryMouseEnter && (entry => onEntryMouseEnter(entry))
onEntryMouseEnter && ((entry) => onEntryMouseEnter(entry))
}
onEntryMouseLeave={
onEntryMouseLeave && (entry => onEntryMouseLeave(entry))
onEntryMouseLeave && ((entry) => onEntryMouseLeave(entry))
}
/>
<g transform={`translate(${width / 2}, ${height / 2})`}>
<RadarGrid radius={radius} rings={rings} />
<RadarFooter x={-0.5 * width} y={0.5 * height} />
{entries.map(entry => (
{entries.map((entry) => (
<RadarEntry
key={entry.id}
x={entry.x}