Birthdays Web Part - Update Documentation and bug fix (#844)

* commit

* Tree Organization Chart

* React-Birthdays  - Convert birthdate from UTC to local

* commit react-tenant-properties

commit react-tenant-properties

* update project name

* Update README.md

Change docs

* Update README.md

* Update width WebApiInformation 

Update width WebApiInformation

* Update README.md

* Update SPService.ts

samples/react-birthdays/README.md

@@ -29,10 +29,13 @@ Existing list in tenant root site, with the Title "Birthdays"  and columns:
 
 Column Internal Name|Type|Required| comments
 --------------------|----|--------|----------
-jobTitle| Text| no|
+JobTitle| Text| no|
 Birthday| DateTime | true|
 userAADGUID| Text| no | required if used Azure Function to get Birthdays from AAD
 Title| Text| true
+email| Text| true
+
+## After create a column Index on column "Brithday" - Important!
 
 ## Solution
 
@@ -51,7 +54,7 @@ Version|Date|Comments
 
 ---
 
-## Minimal Path to Awesome
+## Minimal Path to Awesome - please follow all the steps.
 
 - Clone this repository
 - in the command line run:
@@ -59,6 +62,8 @@ Version|Date|Comments
   - `gulp build`
   - `gulp bundle --ship`
   - `gulp package-solution --ship`
+  - `Add and Deploy Package to AppCatalog `
+  - `Go to API Management - from SharePoint Admin Center new experience,  and Approve the Permission Require to Use Graph API SCOPES`
 
  
 

samples/react-birthdays/config/package-solution.json

@@ -6,8 +6,24 @@
     "version": "1.0.0.0",
     "includeClientSideAssets": true,
     "skipFeatureDeployment": true,
-    "isDomainIsolated": false
-
+    "isDomainIsolated": false,
+    "webApiPermissionRequests": [
+      {
+        "resource": "Microsoft Graph",
+        "scope": "User.Read.All"
+      },
+      {
+        "resource": "Microsoft Graph",
+        "scope": "User.ReadBasic.All"
+      },
+      {
+        "resource": "Microsoft Graph",
+        "scope": "Sites.Read.All"
+      },
+      {
+        "resource": "Microsoft Graph",
+        "scope": "profile"
+      }]
   },
   "paths": {
     "zippedPackage": "solution/birdthays.sppkg"

samples/react-birthdays/src/services/SPService.ts

@@ -37,7 +37,7 @@ export class SPService {
         }
       }
       this.graphClient = await this._context.msGraphClientFactory.getClient();
-      _results = await this.graphClient.api(`sites/root/lists('${this.birthdayListTitle}')/items`)
+      _results = await this.graphClient.api(`sites/root/lists('${this.birthdayListTitle}')/items?orderby=Fields/Birthday`)
         .version('v1.0')
         .expand('fields')
         .top(upcommingDays)

samples/react-tenant-properties/README.md

@@ -20,7 +20,6 @@ Only users with Tenant Admin Role are allowed to managed tenant properties.
 ![tenant properties](https://github.com/joaojmendes/sp-dev-fx-webparts/blob/master/samples/react-tenant-properties/assets/TenantProperties4.jpg)
 
 
-
 ## Used SharePoint Framework Version 
 
 ![drop](https://img.shields.io/badge/version-GA-green.svg)

samples/react-tree-orgchart/README.md

@@ -58,6 +58,4 @@ Version|Date|Comments
   - `gulp bundle --ship`
   - `gulp package-solution --ship`
 
-
-<img src="https://telemetry.sharepointpnp.com/sp-dev-fx-webparts/samples/react-tree-orgchart" />
-
+<img src="https://telemetry.sharepointpnp.com/sp-dev-fx-webparts/samples/react-tree-orgchart" />