Fix typos on code comments

src/ui/component/fileDetails/view.jsx

@@ -30,7 +30,7 @@ class FileDetails extends PureComponent<Props> {
       : fileInfo && fileInfo.download_path && formatBytes(fileInfo.written_bytes);
     let downloadPath = fileInfo && fileInfo.download_path ? path.normalize(fileInfo.download_path) : null;
     let downloadNote;
-    // If the path is blank, file is not avialable. Streamed files won't have any blobs saved
+    // If the path is blank, file is not available. Streamed files won't have any blobs saved
     // Create path from name so the folder opens on click.
     if (fileInfo && fileInfo.blobs_completed >= 1 && fileInfo.download_path === null) {
       downloadPath = `${fileInfo.download_directory}/${fileInfo.file_name}`;

src/ui/component/splash/view.jsx

@@ -129,7 +129,7 @@ export default class SplashScreen extends React.PureComponent<Props, State> {
         this.setState({ launchedModal: true }, () => notifyUnlockWallet());
       }
     } else if (status.is_running) {
-      // If we cleared the error timout due to a wallet being locked, make sure to start it back up
+      // If we cleared the error timeout due to a wallet being locked, make sure to start it back up
       if (!this.timeout) {
         this.adjustErrorTimeout();
       }

src/ui/component/tagsSelect/view.jsx

@@ -13,7 +13,7 @@ type Props = {
   followedTags: Array<Tag>,
   doToggleTagFollow?: string => void,
   suggestMature: boolean,
-  // Ovverides
+  // Overrides
   // The default component is for following tags
   title?: string | boolean,
   help?: string,

src/ui/component/youtubeTransferStatus/view.jsx

@@ -62,7 +62,7 @@ export default function YoutubeTransferStatus(props: Props) {
   }
 
   React.useEffect(() => {
-    // If a channel is transferrable, theres nothing to check
+    // If a channel is transferable, there's nothing to check
     if (hasPendingTransfers) {
       checkYoutubeTransfer();
 

src/ui/index.jsx

@@ -59,8 +59,8 @@ Lbry.setDaemonConnectionString(SDK_API_URL);
 // @endif
 
 // We need to override Lbryio for getting/setting the authToken
-// We interect with ipcRenderer to get the auth key from a users keyring
+// We interact with ipcRenderer to get the auth key from a users keyring
-// We keep a local variable for authToken beacuse `ipcRenderer.send` does not
+// We keep a local variable for authToken because `ipcRenderer.send` does not
 // contain a response, so there is no way to know when it's been set
 let authToken;
 Lbryio.setOverride(

src/ui/redux/actions/content.js

@@ -181,7 +181,7 @@ export function doPurchaseUriWrapper(uri: string, cost: number, saveFile: boolea
       dispatch(doUpdateLoadStatus(uri, fileInfo.outpoint));
     }
 
-    // Only pass the sucess callback if we are saving the file, otherwise we don't show the download percentage
+    // Only pass the success callback if we are saving the file, otherwise we don't show the download percentage
     const successCallBack = saveFile ? onSuccess : undefined;
     dispatch(doPurchaseUri(uri, { costInfo: cost }, saveFile, successCallBack));
   };

src/ui/redux/actions/subscriptions.js

@@ -285,7 +285,7 @@ export const doCheckSubscription = (subscriptionUri: string, shouldNotify?: bool
     );
 
     // calling FETCH_CHANNEL_CLAIMS_COMPLETED after not calling STARTED
-    // means it will delete a non-existant fetchingChannelClaims[uri]
+    // means it will delete a non-existent fetchingChannelClaims[uri]
   });
 };
 
@@ -297,7 +297,7 @@ export const doChannelSubscribe = (subscription: Subscription) => (dispatch: Dis
 
   const subscriptionUri = subscription.uri;
   if (!subscriptionUri.startsWith('lbry://')) {
-    throw Error(`Subscription uris must inclue the "lbry://" prefix.\nTried to subscribe to ${subscriptionUri}`);
+    throw Error(`Subscription uris must include the "lbry://" prefix.\nTried to subscribe to ${subscriptionUri}`);
   }
 
   dispatch({
@@ -351,7 +351,7 @@ export const doCheckSubscriptions = () => (dispatch: Dispatch, getState: GetStat
 export const doCheckSubscriptionsInit = () => (dispatch: Dispatch) => {
   // doCheckSubscriptionsInit is called by doDaemonReady
   // setTimeout below is a hack to ensure redux is hydrated when subscriptions are checked
-  // this will be replaced with <PersistGate> which reqiures a package upgrade
+  // this will be replaced with <PersistGate> which requires a package upgrade
   setTimeout(() => dispatch(doFetchMySubscriptions()), 5000);
   const checkSubscriptionsTimer = setInterval(() => dispatch(doCheckSubscriptions()), CHECK_SUBSCRIPTIONS_INTERVAL);
   dispatch({

src/ui/scss/component/_file-render.scss

@@ -50,7 +50,7 @@
 
 //
 // Custom viewers live below here
-// These either have custom class names that can't be changed or have styles that need to be ovverridden
+// These either have custom class names that can't be changed or have styles that need to be overridden
 //
 
 // Code-viewer

src/ui/scss/init/_gui.scss

@@ -1,4 +1,4 @@
-// Generic html styles used accross the App
+// Generic html styles used across the App
 // component specific styling should go in the component scss file
 
 *::selection {

src/ui/util/detect-typing.js

@@ -1,5 +1,5 @@
 // A simple function to detect if a user is typing:
-// useful when hanlding shorcut keys.
+// useful when handling shortcut keys.
 
 export default function isUserTyping() {
   const activeElement = document.activeElement;