diff --git a/samples/react-groups-teams/README1.md b/samples/react-groups-teams/README1.md deleted file mode 100644 index c649c8fdb..000000000 --- a/samples/react-groups-teams/README1.md +++ /dev/null @@ -1,101 +0,0 @@ -## All Microsoft 365 Groups and Teams with SPFx - -### Summary -Web part pulls all Microsoft 365 Groups and Teams that the logged in user has access to view. -1. The Microsoft Groups view has filter option for private or public groups and can switch between viewing all groups or just my groups. - - Group Name (hover for group description) - - Link to email - - Link to SharePoint site - - Link to calendar - - Link to Planner plan (if available) - - Group privacy -2. The Microsoft Teams view has filter option for private or public Teams. - - Team Name (hover for group description) - - Link to email - - Link to SharePoint site - - Link to calendar - - Link to Planner plan (if available) - - Link to Team - - Team privacy - Each Team o Uses SharePoint theme. - -![picture of the web part in action](./assets/Groups-in-my-organization.png) -![picture of the web part in action](./assets/My-Teams-Teams-Side-By-Side-Theme.png) -![picture of the web part in action](./assets/My-Groups-Public-Filter.png) -![picture of the web part in action](./assets/My-Teams-Teams-With-Tooltip.png) - -## Compatibility - -![SPFx 1.10](https://img.shields.io/badge/SPFx-1.10.0-green.svg) -![Node.js LTS 8.x | LTS 10.x](https://img.shields.io/badge/Node.js-LTS%208.x%20%7C%20LTS%210.x-green.svg) -![SharePoint Online](https://img.shields.io/badge/SharePoint-Online-yellow.svg) -![Teams N/A: Untested with Microsoft Teams](https://img.shields.io/badge/Teams-N%2FA-lightgrey.svg "Untested with Microsoft Teams") -![Workbench Hosted: Only after API permissions granted](https://img.shields.io/badge/Workbench-Hosted-yellow.svg "Only after API permissions granted") - -## Applies to - -* [SharePoint Framework Developer Preview](https://docs.microsoft.com/sharepoint/dev/spfx/sharepoint-framework-overview) -* [SharePoint Framework](https://docs.microsoft.com/sharepoint/dev/spfx/sharepoint-framework-overview) - -## Solution - -Solution|Author(s) ---------|--------- -MicrosoftGroups | [Allie](https://github.com/ReactIntern) | - -## Version history - -| Version | Date | Comments | -| ------- | ---------------- | --------------- | -| 1.0.0 | April 16, 2021 | Initial release | - -# Disclaimer - -**THIS CODE IS PROVIDED _AS IS_ WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING ANY IMPLIED WARRANTIES OF FITNESS FOR A PARTICULAR PURPOSE, MERCHANTABILITY, OR NON-INFRINGEMENT.** - ---- - -# Prerequisites - -- Administrative access to Azure AD of Microsoft 365 tenant -- SharePoint Online tenant -- You need following set of permissions in order to manage Microsoft 365 Groups and Teams - -``` -"webApiPermissionRequests": [{ - "resource": "Microsoft Graph", - "scope": "Groups.Read.All" - }, { - "resource": "Team", - "scope": "Teams.ReadBasic.All" - }] -``` - -# Minimal Path to Awesome - -- Clone this repo -- Navigate to the folder with current sample -- Restore dependencies: `$ npm i` -- Bundle the solution: `$ gulp bundle --ship` -- Package the solution: `$ gulp package-solution --ship` -- Upload to SharePoint tenant app catalog -- You will see a message saying that solution has pending permissions which need to be approved -- Approve the permission requests. -- Run `$ gulp serve --nobrowser` -- Open hosted workbench, i.e. `https://.sharepoint.com/sites//_layouts/15/workbench.aspx` -- Search and add `O365 Groups Manager` web part to see it in action - -# Features - -This project contains sample client-side web part built on the SharePoint Framework illustrating possibilities to quickly gain access to features in Microsoft 365 Groups and Teams using React and MS Graph. - -This sample illustrates the following concepts on top of the SharePoint Framework: - -- Explore MS Graph APIs for Microsoft 365 Group -- Using the MSGraphClient in a SharePoint Framework web part -- Requesting API permissions in a SharePoint Framework package -- Communicating with the Microsoft Graph using its REST API -- Using Office UI Fabric controls for building SharePoint Framework client-side web parts -- Passing web part properties to React components - -