just some 🧹 api cleaning

Signed-off-by: Fredrik Adelöw <freben@gmail.com>

plugins/adr/src/components/AdrReader/AdrReader.tsx

@@ -32,15 +32,14 @@ import { AdrContentDecorator } from './types';
 
 /**
  * Component to fetch and render an ADR.
+ *
  * @public
  */
-export const AdrReader = ({
-  adr,
-  decorators,
-}: {
+export const AdrReader = (props: {
   adr: string;
   decorators?: AdrContentDecorator[];
 }) => {
+  const { adr, decorators } = props;
   const { entity } = useEntity();
   const scmIntegrations = useApi(scmIntegrationsApiRef);
   const adrLocationUrl = getAdrLocationUrl(entity, scmIntegrations);

plugins/adr/src/components/EntityAdrContent/EntityAdrContent.tsx

@@ -58,13 +58,11 @@ const useStyles = makeStyles((theme: Theme) => ({
  * Component for browsing ADRs on an entity page.
  * @public
  */
-export const EntityAdrContent = ({
-  contentDecorators,
-  filePathFilterFn,
-}: {
+export const EntityAdrContent = (props: {
   contentDecorators?: AdrContentDecorator[];
   filePathFilterFn?: AdrFilePathFilterFn;
 }) => {
+  const { contentDecorators, filePathFilterFn } = props;
   const classes = useStyles();
   const { entity } = useEntity();
   const rootLink = useRouteRef(rootRouteRef);

plugins/adr/src/search/AdrSearchResultListItem.tsx

@@ -43,20 +43,16 @@ const useStyles = makeStyles({
 });
 
 /**
- * A component to display a ADR search result
+ * A component to display an ADR search result.
  * @public
  */
-export const AdrSearchResultListItem = ({
-  lineClamp = 5,
-  highlight,
-  rank,
-  result,
-}: {
+export function AdrSearchResultListItem(props: {
   lineClamp?: number;
   highlight?: ResultHighlight;
   rank?: number;
   result: AdrDocument;
-}) => {
+}) {
+  const { lineClamp = 5, highlight, rank, result } = props;
   const classes = useStyles();
   const analytics = useAnalytics();
 
@@ -122,4 +118,4 @@ export const AdrSearchResultListItem = ({
       <Divider component="li" />
     </Link>
   );
-};
+}