Removed web part from supported hosts

samples/react-teams-send-notification/README.md

@@ -1,19 +1,27 @@
-# react-teams-send-notification
+# Send Notifications to Teams
 
 ## Summary
 
-This webpart allows you to send MS Teams feed notifications to a selected user. It is using the new beta endpoint documented here: [https://docs.microsoft.com/en-us/graph/teams-send-activityfeednotifications](https://docs.microsoft.com/en-us/graph/teams-send-activityfeednotifications)
+This web part allows you to send MS Teams feed notifications to a selected user. It is using the new beta endpoint documented here: [https://docs.microsoft.com/graph/teams-send-activityfeednotifications](https://docs.microsoft.com/graph/teams-send-activityfeednotifications)
 
 ![react-teams-send-notification](./assets/teams-notification-sender.gif)
 
-## Used SharePoint Framework Version
+## Compatibility
 
-![version](https://img.shields.io/badge/version-1.11-green.svg)
+![SPFx 1.11](https://img.shields.io/badge/SPFx-1.11-green.svg)
+
+![Node.js LTS 6.x|LTS 8.x](https://img.shields.io/badge/Node.js-LTS%206.x%20%7C%20LTS%208.x-green.svg)
+
+![SharePoint Not supported](https://img.shields.io/badge/SharePoint-Not%20supported-lightgrey.svg)
+
+![Teams Compatible](https://img.shields.io/badge/Teams-Compatible-green.svg)
+
+![Workbench Not supported](https://img.shields.io/badge/Workbench-Not%20supported-lightgrey.svg)
 
 ## Applies to
 
 - [SharePoint Framework](https://aka.ms/spfx)
-- [Microsoft 365 tenant](https://docs.microsoft.com/en-us/sharepoint/dev/spfx/set-up-your-developer-tenant)
+- [Microsoft 365 tenant](https://docs.microsoft.com/sharepoint/dev/spfx/set-up-your-developer-tenant)
 
 > Get your own free development tenant by subscribing to [Microsoft 365 developer program](http://aka.ms/o365devprogram)
 
@@ -44,19 +52,19 @@ Version|Date|Comments
 - Clone this repository
 - Ensure that you are at the solution folder
 - In the command-line run:
-  - **npm install**
-  - **gulp bundle --ship**
-  - **gulp package-solution --ship**
-- Deploy .sppkg to SharePoint
-- Edit the file __/teams/manifest.json__ and update the _webApplicationInfo_ with your _SharePoint Online Client Extensibility Web Application Principal_ App ID
-- Zip the files in the _/teams_ folder, and deploy it to Teams
+  - `npm install`
+  - `gulp bundle --ship`
+  - `gulp package-solution --ship`
+- Deploy `.sppkg` to SharePoint
+- Edit the file `/teams/manifest.json` and update the `webApplicationInfo` with your *SharePoint Online Client Extensibility Web Application Principal* App ID
+- Zip the files in the `/teams` folder, and deploy it to Teams
 - Add the new SPFx Tab to any Team
 
 ## Features
 
 This web part illustrates the following concepts:
 
-- Using the new Feed notifications API in MS Graph from an SPFx Teams Tab (spfx webpart running as Teams tab)
+- Using the new Feed notifications API in MS Graph from an SPFx Teams Tab (SPFx web part running as Teams tab)
 - Using the Graph Toolkit react components (PeoplePicker)
 - Using FluentUI components
 
@@ -64,16 +72,16 @@ This webpart illustrates the following concepts:
 
 About this sample:
 
-- [https://docs.microsoft.com/en-us/graph/api/team-sendactivitynotification?view=graph-rest-beta&tabs=http](https://docs.microsoft.com/en-us/graph/api/team-sendactivitynotification?view=graph-rest-beta&tabs=http)
-- [https://docs.microsoft.com/en-us/graph/api/resources/teamworkactivitytopic?view=graph-rest-beta](https://docs.microsoft.com/en-us/graph/api/resources/teamworkactivitytopic?view=graph-rest-beta)
-- [https://docs.microsoft.com/en-us/graph/api/resources/itembody?view=graph-rest-beta](https://docs.microsoft.com/en-us/graph/api/resources/itembody?view=graph-rest-beta)
-- [https://docs.microsoft.com/en-us/graph/api/resources/aadusernotificationrecipient?view=graph-rest-beta](https://docs.microsoft.com/en-us/graph/api/resources/aadusernotificationrecipient?view=graph-rest-beta)
+- [https://docs.microsoft.com/graph/api/team-sendactivitynotification?view=graph-rest-beta&tabs=http](https://docs.microsoft.com/graph/api/team-sendactivitynotification?view=graph-rest-beta&tabs=http)
+- [https://docs.microsoft.com/graph/api/resources/teamworkactivitytopic?view=graph-rest-beta](https://docs.microsoft.com/graph/api/resources/teamworkactivitytopic?view=graph-rest-beta)
+- [https://docs.microsoft.com/graph/api/resources/itembody?view=graph-rest-beta](https://docs.microsoft.com/graph/api/resources/itembody?view=graph-rest-beta)
+- [https://docs.microsoft.com/graph/api/resources/aadusernotificationrecipient?view=graph-rest-beta](https://docs.microsoft.com/graph/api/resources/aadusernotificationrecipient?view=graph-rest-beta)
 
 
 About SPFx:
 
-- [Getting started with SharePoint Framework](https://docs.microsoft.com/en-us/sharepoint/dev/spfx/set-up-your-developer-tenant)
-- [Building for Microsoft teams](https://docs.microsoft.com/en-us/sharepoint/dev/spfx/build-for-teams-overview)
-- [Use Microsoft Graph in your solution](https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/using-microsoft-graph-apis)
-- [Publish SharePoint Framework applications to the Marketplace](https://docs.microsoft.com/en-us/sharepoint/dev/spfx/publish-to-marketplace-overview)
+- [Getting started with SharePoint Framework](https://docs.microsoft.com/sharepoint/dev/spfx/set-up-your-developer-tenant)
+- [Building for Microsoft teams](https://docs.microsoft.com/sharepoint/dev/spfx/build-for-teams-overview)
+- [Use Microsoft Graph in your solution](https://docs.microsoft.com/sharepoint/dev/spfx/web-parts/get-started/using-microsoft-graph-apis)
+- [Publish SharePoint Framework applications to the Marketplace](https://docs.microsoft.com/sharepoint/dev/spfx/publish-to-marketplace-overview)
 - [Microsoft 365 Patterns and Practices](https://aka.ms/m365pnp) - Guidance, tooling, samples and open-source controls for your Microsoft 365 development

samples/react-teams-send-notification/src/webparts/teamsNotificationSender/TeamsNotificationSenderWebPart.manifest.json

@@ -12,7 +12,7 @@
   // Components that allow authors to embed arbitrary script code should set this to true.
   // https://support.office.com/en-us/article/Turn-scripting-capabilities-on-or-off-1f2c515f-5d7e-448a-9fd7-835da935584f
   "requiresCustomScript": false,
-  "supportedHosts": ["SharePointWebPart", "TeamsTab"],
+  "supportedHosts": ["TeamsTab"],
 
   "preconfiguredEntries": [{
     "groupId": "5c03119e-3074-46fd-976b-c60198311f70", // Other

samples/react-teams-send-notification/src/webparts/teamsNotificationSender/components/TeamsNotificationSender.module.scss

@@ -1,6 +1,8 @@
 @import '~office-ui-fabric-react/dist/sass/References.scss';
 
 .teamsNotificationSender {
+  font-family: "Segoe UI WestEuropean","Segoe UI",-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",sans-serif;
+
   .container {
     max-width: 700px;
     margin: 0px auto;