fix(techdocs): move card component into techdocs plugin from backstage core

packages/core/src/layout/ItemCard/InfoCard.stories.tsx

@@ -1,35 +0,0 @@
-/*
- * Copyright 2020 Spotify AB
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React, { FC } from 'react';
-import { ItemCard } from '.';
-import { Grid } from '@material-ui/core';
-
-export default {
-  title: 'Item Card',
-  component: ItemCard,
-};
-
-const Wrapper: FC<{}> = ({ children }) => (
-  <Grid container spacing={4}>
-    <Grid item>{children}</Grid>
-  </Grid>
-);
-
-export const Default = () => (
-  <Wrapper>
-    <ItemCard description="Test" title="Item Card" label="Button" />
-  </Wrapper>
-);

packages/core/src/layout/ItemCard/index.ts

@@ -1,17 +0,0 @@
-/*
- * Copyright 2020 Spotify AB
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-export { ItemCard } from './ItemCard';

packages/core/src/layout/index.ts

@@ -26,4 +26,3 @@ export * from './Sidebar';
 export * from './SignInPage';
 export * from './TabbedCard';
 export * from './HeaderTabs';
-export * from './ItemCard';

plugins/techdocs/src/reader/components/DocsCard.tsx

@@ -37,7 +37,7 @@ const useStyles = makeStyles(theme => ({
   },
 }));
 
-type ItemCardProps = {
+type DocsCardProps = {
   description: string;
   tags?: string[];
   title: string;
@@ -45,7 +45,7 @@ type ItemCardProps = {
   label: string;
   onClick?: () => void;
 };
-export const ItemCard: FC<ItemCardProps> = ({
+export const DocsCard: FC<DocsCardProps> = ({
   description,
   tags,
   title,

plugins/techdocs/src/reader/components/Reader.tsx

@@ -17,16 +17,19 @@
 import React from 'react';
 import { useShadowDom } from '..';
 import { useAsync } from 'react-use';
+import { useLocation, useParams, useNavigate } from 'react-router-dom';
+
+import { Grid } from '@material-ui/core';
+import { Header, Content } from '@backstage/core';
+
 import transformer, {
   addBaseUrl,
   rewriteDocLinks,
   addEventListener,
 } from '../transformers';
 import { docStorageURL } from '../../config';
-import { Grid } from '@material-ui/core';
-import { Header, Content, ItemCard } from '@backstage/core';
-import { useLocation, useParams, useNavigate } from 'react-router-dom';
 import URLParser from '../urlParser';
+import { DocsCard } from './DocsCard';
 
 const useFetch = (url: string) => {
   const state = useAsync(async () => {
@@ -102,7 +105,7 @@ export const Reader = () => {
           <Content>
             <Grid container>
               <Grid item xs={12} sm={6} md={3}>
-                <ItemCard
+                <DocsCard
                   onClick={() => navigate('/docs/mkdocs')}
                   tags={['Developer Tool']}
                   title="MkDocs"
@@ -111,7 +114,7 @@ export const Reader = () => {
                 />
               </Grid>
               <Grid item xs={12} sm={6} md={3}>
-                <ItemCard
+                <DocsCard
                   onClick={() => navigate('/docs/backstage-microsite')}
                   tags={['Service']}
                   title="Backstage"