honeymoose
/
sp-dev-fx-webparts
mirror of https://github.com/pnp/sp-dev-fx-webparts.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Updated readme

This commit is contained in:
Hugo Bernier 2021-02-28 13:07:00 -05:00
parent 880d67c93a
commit c97e2e552f
2 changed files with 18 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
samples/react-teams-message-user/README.md
View File

@ -2,9 +2,19 @@
## Summary
Sample that shows how to send a message to Micosoft Teams using a SharePoint framework solution using Microsoft Graph.
Sample that shows how to send a message to Microsoft Teams using a SharePoint framework solution using Microsoft Graph.
![Message Teams Web part preview](./assets/webPart-preview.png).
## Compatibility
![SPFx 1.11](https://img.shields.io/badge/SPFx-1.11.0-green.svg)
![Node.js LTS 10.x](https://img.shields.io/badge/Node.js-LTS%2010.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: Does not work with local workbench](https://img.shields.io/badge/Workbench-Hosted-yellow.svg "Does not work with local workbench")
![Message Teams Webpart preview](./assets/webPart-preview.png).
## Applies to
@ -15,9 +25,9 @@ Sample that shows how to send a message to Micosoft Teams using a SharePoint fra
## Prerequisites
* SharePoint Online tenant
* You have provided permission in SharePoint admin for accessing Graph API on behalf of your solution. We can do it before deployment as proactive steps, or after deployment. You can refer to [steps about how to do this post-deployment](https://docs.microsoft.com/en-us/sharepoint/dev/spfx/use-aad-tutorial#deploy-the-solution-and-grant-permissions). Basically you have to use API Access Page of SharePoint admin and add below permission for our use case.
* You have provided permission in SharePoint admin for accessing Graph API on behalf of your solution. We can do it before deployment as proactive steps, or after deployment. You can refer to [steps about how to do this post-deployment](https://docs.microsoft.com/en-us/sharepoint/dev/spfx/use-aad-tutorial#deploy-the-solution-and-grant-permissions). Basically you have to use API Access Page of SharePoint admin and add below permission for our use case.
```
```json
"webApiPermissionRequests": [
{
"resource": "Microsoft Graph",
@ -55,13 +65,8 @@ Sample that shows how to send a message to Micosoft Teams using a SharePoint fra
This Web Part illustrates the following concepts on top of the SharePoint Framework:
* Using react framework in SPFx webpart
* Calling Microsoft Graph API in SPFx webpart
## Applies to
* [SharePoint Framework Developer](https://docs.microsoft.com/sharepoint/dev/spfx/sharepoint-framework-overview)
* [Office 365 developer tenant](https://docs.microsoft.com/sharepoint/dev/spfx/set-up-your-developer-tenant)
* Using react framework in SPFx web part
* Calling Microsoft Graph API in SPFx web part
## Solution
@ -92,4 +97,4 @@ Version|Date|Comments
- `gulp serve`
![Message Teams Webpart](./assets/MessageTeams.gif).
<img src="https://telemetry.sharepointpnp.com/sp-dev-fx-webparts/samples/react-teams-message-user" />

2
samples/react-teams-message-user/src/webparts/teamsMessages/components/TeamsMessages.tsx
View File

@ -24,7 +24,7 @@ export const TeamsMessages: React.FunctionComponent<ITeamsMessagesProps> = (
const _getPeoplePickerItems = (item: IPersonaProps[]) => {
setUser(item);
}
};
const _onChangeFirstTextFieldValue = (event: React.FormEvent<HTMLInputElement | HTMLTextAreaElement>, newValue?: string) => {
setText(newValue);