From 7dff800b88129c356a9b91fa4a41a2138629c5d3 Mon Sep 17 00:00:00 2001
From: Sonia Vidal <svidal@asmws.com>
Date: Thu, 23 Sep 2021 12:55:51 +0200
Subject: [PATCH] =?UTF-8?q?A=C3=B1adiendo=20un=20boton?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../homeDetailsList/components/HomeDetailsList.tsx  | 13 ++++++++++++-
 .../components/IHomeDetailsListProps.ts             |  2 ++
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/src/webparts/homeDetailsList/components/HomeDetailsList.tsx b/src/webparts/homeDetailsList/components/HomeDetailsList.tsx
index 2d888fb..14194ab 100644
--- a/src/webparts/homeDetailsList/components/HomeDetailsList.tsx
+++ b/src/webparts/homeDetailsList/components/HomeDetailsList.tsx
@@ -6,6 +6,7 @@ import { DetailsList, DetailsListLayoutMode, Selection, IColumn } from 'office-u
 import { MarqueeSelection } from 'office-ui-fabric-react/lib/MarqueeSelection';
 import { Fabric } from 'office-ui-fabric-react/lib/Fabric';
 import { mergeStyles } from 'office-ui-fabric-react/lib/Styling';
+import { PrimaryButton } from '@microsoft/office-ui-fabric-react-bundle';
 
 
 const exampleChildClass = mergeStyles({
@@ -89,7 +90,12 @@ export default class HomeDetailsList extends React.Component<IHomeDetailsListPro
 
   public render(): React.ReactElement<IHomeDetailsListProps> {
     const { items, itemsAux, selectionDetails } = this.state;
-   
+    const {disabled, checked} = this.props
+    
+    function _alertClicked(): void {
+      alert('Clicked');
+    }
+    
 
     return (
       <Fabric>
@@ -115,6 +121,11 @@ export default class HomeDetailsList extends React.Component<IHomeDetailsListPro
             checkButtonAriaLabel="Row checkbox"
             onItemInvoked={this._onItemInvoked}
           />
+          <br />
+          <PrimaryButton text="Añadir Productos" onClick={_alertClicked} allowDisabledFocus disabled={disabled} checked={checked} />
+          <div>
+
+          </div>
         </MarqueeSelection>
       </Fabric>
     );
diff --git a/src/webparts/homeDetailsList/components/IHomeDetailsListProps.ts b/src/webparts/homeDetailsList/components/IHomeDetailsListProps.ts
index 2aaef01..1637630 100644
--- a/src/webparts/homeDetailsList/components/IHomeDetailsListProps.ts
+++ b/src/webparts/homeDetailsList/components/IHomeDetailsListProps.ts
@@ -1,3 +1,5 @@
 export interface IHomeDetailsListProps {
   description: string;
+  disabled?: boolean;
+  checked?: boolean;
 }
-- 
2.18.1