remove AboutCard and rename IconLinkVertical and revert some changes

packages/core/src/components/AboutCard/AboutCard.tsx

@@ -1,72 +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 from 'react';
-import {
-  Card,
-  CardContent,
-  CardHeader,
-  Divider,
-  makeStyles,
-} from '@material-ui/core';
-import { SubHeader } from './SubHeader';
-import { SubHeaderLink } from './types';
-
-const useStyles = makeStyles({
-  gridItemCard: {
-    display: 'flex',
-    flexDirection: 'column',
-    height: 'calc(100% - 10px)', // for pages without content header
-    marginBottom: '10px',
-  },
-  gridItemCardContent: {
-    flex: 1,
-  },
-});
-
-type Props = {
-  title: string;
-  headerClass?: string;
-  headerAction?: React.ReactNode;
-  links: SubHeaderLink[];
-  contentClass?: string;
-  content: React.ReactNode;
-  variant?: string;
-};
-
-export const AboutCard = ({
-  title,
-  headerAction,
-  links,
-  content,
-  variant,
-}: Props) => {
-  const classes = useStyles();
-  return (
-    <Card className={variant === 'gridItem' ? classes.gridItemCard : ''}>
-      <CardHeader
-        title={title}
-        action={headerAction}
-        subheader={<SubHeader links={links} />}
-      />
-      <Divider />
-      <CardContent
-        className={variant === 'gridItem' ? classes.gridItemCardContent : ''}
-      >
-        {content}
-      </CardContent>
-    </Card>
-  );
-};

packages/core/src/components/HeaderIconLinkRow/HeaderIconLinkRow.tsx

@@ -15,7 +15,7 @@
  */
 import React from 'react';
 import { IconLinkVertical } from './IconLinkVertical';
-import { SubHeaderLink } from './types';
+import { HeaderIconLink } from './types';
 import { makeStyles } from '@material-ui/core';
 
 const useStyles = makeStyles(theme => ({
@@ -29,10 +29,10 @@ const useStyles = makeStyles(theme => ({
 }));
 
 type Props = {
-  links: SubHeaderLink[];
+  links: HeaderIconLink[];
 };
 
-export const SubHeader = ({ links }: Props) => {
+export const HeaderIconLinkRow = ({ links }: Props) => {
   const classes = useStyles();
   return (
     <nav className={classes.links}>

packages/core/src/components/HeaderIconLinkRow/index.ts

@@ -14,5 +14,4 @@
  * limitations under the License.
  */
 
-export { AboutCard } from './AboutCard';
-export { IconLinkVertical } from './IconLinkVertical';
+export { HeaderIconLinkRow } from './HeaderIconLinkRow';

packages/core/src/components/HeaderIconLinkRow/types.ts

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-export type SubHeaderLink = {
+export type HeaderIconLink = {
   icon?: React.ReactNode;
   href?: string;
   disabled?: boolean;

packages/core/src/components/index.ts

@@ -38,4 +38,4 @@ export * from './TrendLine';
 export * from './WarningPanel';
 export * from './EmptyState';
 export * from './MarkdownContent';
-export * from './AboutCard';
+export * from './HeaderIconLinkRow';