diff --git a/packages/cli/templates/default-plugin/README.md.hbs b/packages/cli/templates/default-plugin/README.md.hbs index d027d97e0e..850537d542 100644 --- a/packages/cli/templates/default-plugin/README.md.hbs +++ b/packages/cli/templates/default-plugin/README.md.hbs @@ -1,5 +1,5 @@ # Title -Welcome to your {{id}} plugin! +Welcome to the {{id}} plugin! ## Sub-section 1 diff --git a/packages/cli/templates/default-plugin/src/components/ExampleComponent/ExampleComponent.tsx.hbs b/packages/cli/templates/default-plugin/src/components/ExampleComponent/ExampleComponent.tsx.hbs index fe092700fc..fd2a360adf 100644 --- a/packages/cli/templates/default-plugin/src/components/ExampleComponent/ExampleComponent.tsx.hbs +++ b/packages/cli/templates/default-plugin/src/components/ExampleComponent/ExampleComponent.tsx.hbs @@ -1,6 +1,11 @@ import React, { FC } from 'react'; import { Typography, Grid, makeStyles, Theme } from '@material-ui/core'; -import { InfoCard, Header, Page, theme } from '@spotify-backstage/core'; +import { + InfoCard, + Header, + Page, + theme as pageTheme, +} from '@spotify-backstage/core'; import ExampleFetchComponent from '../ExampleFetchComponent'; const useStyles = makeStyles(theme => ({ @@ -12,7 +17,7 @@ const useStyles = makeStyles(theme => ({ padding: theme.spacing(3), }, title: { - padding: theme.spacing(1,0,2,0), + padding: theme.spacing(1, 0, 2, 0), }, })); @@ -20,13 +25,13 @@ const ExampleComponent: FC<{}> = () => { const classes = useStyles(); return ( - +
-
+
diff --git a/packages/cli/templates/default-plugin/src/components/ExampleFetchComponent/ExampleFetchComponent.tsx.hbs b/packages/cli/templates/default-plugin/src/components/ExampleFetchComponent/ExampleFetchComponent.tsx.hbs index ddb0d8361c..1282a08e94 100644 --- a/packages/cli/templates/default-plugin/src/components/ExampleFetchComponent/ExampleFetchComponent.tsx.hbs +++ b/packages/cli/templates/default-plugin/src/components/ExampleFetchComponent/ExampleFetchComponent.tsx.hbs @@ -19,22 +19,22 @@ const useStyles = makeStyles({ type User = { gender: string; // "male" name: { - title: string; //"Mr", + title: string; // "Mr", first: string; // "Duane", - last: string; //"Reed" + last: string; // "Reed" }; location: object; // {street: {number: 5060, name: "Hickory Creek Dr"}, city: "Albany", state: "New South Wales",…} email: string; // "duane.reed@example.com" login: object; // {uuid: "4b785022-9a23-4ab9-8a23-cb3fb43969a9", username: "blackdog796", password: "patch",…} dob: object; // {date: "1983-06-22T12:30:23.016Z", age: 37} registered: object; // {date: "2006-06-13T18:48:28.037Z", age: 14} - phone: string; //"07-2154-5651" + phone: string; // "07-2154-5651" cell: string; // "0405-592-879" id: { name: string; // "TFN", value: string; // "796260432" }; - picture: object; //{large: "https://randomuser.me/api/portraits/men/95.jpg",…} + picture: object; // {large: "https://randomuser.me/api/portraits/men/95.jpg",…} nat: string; // "AU" }; @@ -82,9 +82,9 @@ const ExampleFetchComponent: FC<{}> = () => { return ; } else if (error) { return {error.message}; - } else { - return ; } + + return ; }; export default ExampleFetchComponent;