fix grammar (#2506)

src/initializer.tsx

@@ -54,7 +54,7 @@ export class Initializer {
   public static initBeforeReact(): void {
     // this maybe also needs to return a promise in the future,
     // if we have to do async inits before showing the loading screen
-    // but this should be avioded if possible
+    // but this should be avoided if possible
 
     //i18n
     const languageDetector = new LanguageDetector();
@@ -118,7 +118,7 @@ export class Initializer {
     }
     Initializer.internalInstance = new Initializer();
     Initializer.internalInstance.initPromise = new Promise<void>((resolve) => {
-      // initStep calls itself recursivly until everything is initialized in the correct order.
+      // initStep calls itself recursively until everything is initialized in the correct order.
       // Then the promise gets resolved.
       Initializer.internalInstance.initStep(resolve);
     });

src/room/CallEndedView.tsx

@@ -51,11 +51,11 @@ export const CallEndedView: FC<Props> = ({
   const history = useHistory();
 
   const { displayName } = useProfile(client);
-  const [surveySubmitted, setSurverySubmitted] = useState(false);
+  const [surveySubmitted, setSurveySubmitted] = useState(false);
   const [starRating, setStarRating] = useState(0);
   const [submitting, setSubmitting] = useState(false);
   const [submitDone, setSubmitDone] = useState(false);
-  const submitSurvery: FormEventHandler<HTMLFormElement> = useCallback(
+  const submitSurvey: FormEventHandler<HTMLFormElement> = useCallback(
     (e) => {
       e.preventDefault();
       const data = new FormData(e.target as HTMLFormElement);
@@ -75,7 +75,7 @@ export const CallEndedView: FC<Props> = ({
         setTimeout(() => {
           if (isPasswordlessUser) {
             // setting this renders the callEndedView with the invitation to create an account
-            setSurverySubmitted(true);
+            setSurveySubmitted(true);
           } else if (!confineToRoom) {
             // if the user already has an account immediately go back to the home screen
             history.push("/");
@@ -113,7 +113,7 @@ export const CallEndedView: FC<Props> = ({
           We'd love to hear your feedback so we can improve your experience.
         </p>
       </Trans>
-      <form onSubmit={submitSurvery}>
+      <form onSubmit={submitSurvey}>
         <FieldRow>
           <StarRatingInput starCount={5} onChange={setStarRating} required />
         </FieldRow>

src/widget.ts

@@ -120,8 +120,8 @@ export const widget = ((): WidgetHelpers | null => {
       ];
 
       const sendState = [
-        userId, // legacy call membership events
-        `_${userId}_${deviceId}`, // session membership events
+        userId, // Legacy call membership events
+        `_${userId}_${deviceId}`, // Session membership events
         `${userId}_${deviceId}`, // MSC3779 session membership events
       ].map((stateKey) => ({
         eventType: EventType.GroupCallMemberPrefix,
@@ -172,7 +172,7 @@ export const widget = ((): WidgetHelpers | null => {
 
       const clientPromise = new Promise<MatrixClient>((resolve) => {
         (async (): Promise<void> => {
-          // wait for the config file to be ready (we load very early on so it might not
+          // Wait for the config file to be ready (we load very early on so it might not
           // be otherwise)
           await Config.init();
           await client.startClient({ clientWellKnownPollPeriod: 60 * 10 });