From 582d36de0274dab9419c8a3f0306f3034b3cda9e Mon Sep 17 00:00:00 2001
From: Jerko Steiner <jerko.steiner@gmail.com>
Date: Sat, 6 Apr 2019 14:11:55 +0800
Subject: [PATCH] Add Link to Stories from Sites

---
 packages/client/src/crud/CRUDList.tsx | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/packages/client/src/crud/CRUDList.tsx b/packages/client/src/crud/CRUDList.tsx
index 113b8a9..fa2473d 100644
--- a/packages/client/src/crud/CRUDList.tsx
+++ b/packages/client/src/crud/CRUDList.tsx
@@ -12,10 +12,16 @@ export interface ICRUDListProps<T> {
   onRemove?: (t: T) => void
   title: string
   Info?: React.ComponentType<ICRUDItemInfoProps<T>>
+  RowButtons?: React.ComponentType<ICRUDRowButtons<T>>
+}
+
+export interface ICRUDRowButtons<T> {
+  item: T
 }
 
 export interface ICRUDItemRowProps<T> {
   Info?: React.ComponentType<ICRUDItemInfoProps<T>>
+  RowButtons?: React.ComponentType<ICRUDRowButtons<T>>
   nameKey: keyof T
   editLink?: string
   item: T
@@ -54,6 +60,10 @@ export class CRUDItemRow<T> extends React.PureComponent<ICRUDItemRowProps<T>> {
           }
         </div>
         <div className='ml-auto'>
+          {!!this.props.RowButtons && (
+            <this.props.RowButtons item={item} />
+          )}
+          &nbsp;
           {!!editLink && (
             <Link to={editLink}>
               <Button isInverted isColor='link' aria-label='Edit'>
@@ -103,6 +113,7 @@ export class CRUDList<T> extends React.PureComponent<ICRUDListProps<T>> {
             <PanelBlock key={itemId}>
               <CRUDItemRow<T>
                 Info={this.props.Info}
+                RowButtons={this.props.RowButtons}
                 nameKey={nameKey}
                 editLink={editLink && editLink(item)}
                 item={item}