Fixed typos and lint
This commit is contained in:
Hugo Bernier
parent
3d55ccc561
commit
caf8c85b35
|
|
@ -1,14 +1,10 @@
|
|||
|
||||
|
||||
# React Poll
|
||||
|
||||
|
||||
|
||||
## Summary
|
||||
|
||||
This web part allow User to add New Poll Questions and their options. End users can submit his/her response to the poll. After Submission, user can see all responses count with Bar chart.
|
||||
|
||||
|
||||
|
||||
|
||||
**Following are some of the features of this component.**
|
||||
|
|
@ -23,33 +19,35 @@ This web part allow User to add New Poll Questions and their options. End users
|
|||
- Poll response can be viewed via Bar chart.
|
||||
- Easy to configure.
|
||||
|
||||
## Compatibility
|
||||
|
||||
## Used SharePoint Framework Version
|
||||
| :warning: Important |
|
||||
|:---------------------------|
|
||||
| Every SPFx version is optimally compatible with specific versions of Node.js. In order to be able to build this sample, you need to ensure that the version of Node on your workstation matches one of the versions listed in this section. This sample will not work on a different version of Node.|
|
||||
|Refer to <https://aka.ms/spfx-matrix> for more information on SPFx compatibility. |
|
||||
|
||||
This sample is optimally compatible with the following environment configuration:
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
-Incompatible-red.svg "SharePoint Server 2016 Feature Pack 2 requires SPFx 1.1")
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
## Applies to
|
||||
|
||||
- [SharePoint Framework](https://learn.microsoft.com/sharepoint/dev/spfx/sharepoint-framework-overview)
|
||||
- [Microsoft 365 tenant](https://learn.microsoft.com/sharepoint/dev/spfx/set-up-your-development-environment)
|
||||
|
||||
|
||||
- [SharePoint Framework](https://aka.ms/spfx)
|
||||
|
||||
- [Microsoft 365 tenant](https://docs.microsoft.com/en-us/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)
|
||||
|
||||
> Get your own free development tenant by subscribing to [Microsoft 365 developer program](https://aka.ms/m365/devprogram)
|
||||
|
||||
|
||||
## Prerequisites
|
||||
|
||||
|
||||
|
||||
- Office 365 subscription with SharePoint Online
|
||||
- SharePoint Framework [development environment](https://learn.microsoft.com/sharepoint/dev/spfx/set-up-your-development-environment) set up
|
||||
|
||||
|
|
@ -57,28 +55,16 @@ This web part allow User to add New Poll Questions and their options. End users
|
|||
|
||||
- [Harsh Bhavsar](https://github.com/Harsh24491)
|
||||
|
||||
|
||||
|
||||
|
||||
## Version history
|
||||
|
||||
|
||||
|
||||
| Version | Date | Comments |
|
||||
|
||||
| ------- | ---------------- | --------------- |
|
||||
|
||||
| 1.0 | March 02, 2024 | Initial release |
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
## Minimal Path to Awesome
|
||||
|
||||
|
||||
- Clone this repository (or [download this solution as a .ZIP file](https://pnp.github.io/download-partial/?url=https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/react-poll) then unzip it)
|
||||
- From your command line, change your current directory to the directory containing this sample (`react-poll`, located under `samples`)* in the command line run:
|
||||
- `npm install`
|
||||
|
|
@ -86,7 +72,6 @@ This web part allow User to add New Poll Questions and their options. End users
|
|||
|
||||
> This sample can also be opened with [VS Code Remote Development](https://code.visualstudio.com/docs/remote/remote-overview). Visit [https://aka.ms/spfx-devcontainer](https://aka.ms/spfx-devcontainer) for further instructions.
|
||||
|
||||
|
||||
## Help
|
||||
|
||||
We do not support samples, but we this community is always willing to help, and we want to improve these samples. We use GitHub to track issues, which makes it easy for community members to volunteer their time and help resolve issues.
|
||||
|
|
|
|||
|
|
@ -8,13 +8,14 @@ import { WebPartContext } from "@microsoft/sp-webpart-base";
|
|||
import { IQuestion, IAnswer } from "../models/models";
|
||||
import { Fields, ListsUrl } from "../Constants/Constants";
|
||||
|
||||
// eslint-disable-next-line @typescript-eslint/explicit-function-return-type
|
||||
export function useGetData(
|
||||
context: WebPartContext,
|
||||
userEmail: string,
|
||||
webServerRelativeUrl: string
|
||||
) {
|
||||
|
||||
//Delare States
|
||||
//Declare States
|
||||
const [isLoading, setIsLoading] = useState<boolean>(true);
|
||||
const [isSubmitting, setIsSubmitting] = useState<boolean>(false);
|
||||
const [questions, setQuestions] = useState<IQuestion[]>([]);
|
||||
|
|
@ -46,6 +47,7 @@ export function useGetData(
|
|||
};
|
||||
|
||||
//Map Question with Options and Answer
|
||||
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
||||
const mapQuestion = async (item: any): Promise<IQuestion> => {
|
||||
const question: IQuestion = {
|
||||
id: item.ID,
|
||||
|
|
|
|||
|
|
@ -145,7 +145,7 @@ const ReactPoll: React.FunctionComponent<IReactPollProps> = (props) => {
|
|||
<PrimaryButton
|
||||
text="Submit"
|
||||
disabled={
|
||||
question.selectedOption == null || isSubmitting
|
||||
question.selectedOption === null || isSubmitting
|
||||
}
|
||||
onClick={() => handleSubmitClick(question)}
|
||||
/>
|
||||
|
|
|
|||
Loading…
Reference in New Issue