Spelling

CHANGELOG.md

@@ -7,7 +7,7 @@
 **Implemented enhancements:**
 
 - fix low hanging lint issues [\#425](https://github.com/drone/drone-ui/pull/425) ([d1wilko](https://github.com/d1wilko))
-- \(maint\) document the release proceedure [\#421](https://github.com/drone/drone-ui/pull/421) ([tphoney](https://github.com/tphoney))
+- \(maint\) document the release procedure [\#421](https://github.com/drone/drone-ui/pull/421) ([tphoney](https://github.com/tphoney))
 
 **Fixed bugs:**
 
@@ -166,7 +166,7 @@
 
 **Fixed bugs:**
 
-- show error and console logs for buld steps [\#387](https://github.com/drone/drone-ui/pull/387) ([d1wilko](https://github.com/d1wilko))
+- show error and console logs for build steps [\#387](https://github.com/drone/drone-ui/pull/387) ([d1wilko](https://github.com/d1wilko))
 
 **Merged pull requests:**
 

README.md

@@ -79,7 +79,7 @@ docker run -it --rm -v "$(pwd)":/usr/local/src/your-app githubchangeloggenerator
 
 You can generate a token by logging into your GitHub account and going to Settings -> Personal access tokens.
 
-Next we tag the PR's with the fixes or enhancements labels. If the PR does not fufil the requirements, do not add a label.
+Next we tag the PR's with the fixes or enhancements labels. If the PR does not fulfil the requirements, do not add a label.
 
 Run the changelog generator again with the future version according to semver.
 

src/components/pages/build/log-view/console-manager/console-manager.jsx

@@ -37,14 +37,14 @@ const useLogsActionTypes = {
   setIsLoading: ACTION_LIST.UPDATE_ARE_LOGS_LOADING,
 };
 
-const stepDefferedLogsStates = [
+const stepDeferredLogsStates = [
   'running',
   'pending',
   'skipped',
   'waiting_on_dependencies',
 ];
 
-const stageDefferedLogsStates = stepDefferedLogsStates.slice(1);
+const stageDeferredLogsStates = stepDeferredLogsStates.slice(1);
 
 export default function LogViewConsoleManager(props) {
   const {
@@ -68,8 +68,8 @@ export default function LogViewConsoleManager(props) {
     state.compState !== STATES.STREAM_ON
     && !!state.stageStatus
     && !!state.stepData.status
-    && !stageDefferedLogsStates.includes(state.stageStatus)
-    && !stepDefferedLogsStates.includes(state.stepData.status),
+    && !stageDeferredLogsStates.includes(state.stageStatus)
+    && !stepDeferredLogsStates.includes(state.stepData.status),
   );
 
   // logs stream

src/components/shared/modal/modal.jsx

@@ -28,7 +28,7 @@ const Modal = ({
     } else {
       window.document.body.style.overflow = 'unset';
     }
-    return () => window.document.body.style.oveflow = 'unset';
+    return () => window.document.body.style.overflow = 'unset';
   }, [isShowing]);
   if (isShowing) {
     return ReactDOM.createPortal(

src/hooks/store.js

@@ -55,7 +55,7 @@ export const useStore = create((set, get) => ({
     }
 
     // update the state of the store to indicate the
-    // request to fetch repositorie has been fired,
+    // request to fetch repository has been fired,
     // which prevents subsequent calls.
     set((state) => ({
       ...state,

src/pages/build/build.jsx

@@ -95,7 +95,7 @@ export default function Build({ user, userIsAdminOrHasWritePerm }) {
     }
   }, [data, isError, isLoading, stage]);
 
-  // sort individual steps card data into a managable array
+  // sort individual steps card data into a manageable array
   const cardsData = data?.stages?.reduce((cardDataAcc, stageData) => {
     const stageCardData = stageData?.steps?.reduce((stageDataAcc, stepData) => {
       if (stepData.schema) {

src/pages/builds/builds.jsx

@@ -21,7 +21,7 @@ export default function Builds({ repo }) {
   const { params: { namespace, name }, url } = useRouteMatch();
   const history = useHistory();
 
-  // if repo is inactive, redirect to settigns where
+  // if repo is inactive, redirect to settings where
   // user can proceed with repo activation
   useLayoutEffect(() => {
     if (!isRepoActive) {
@@ -85,7 +85,7 @@ Builds.propTypes = {
 
 Builds.defaultProps = {
   repo: {
-    actice: undefined,
+    active: undefined,
     counter: undefined,
   },
 };

src/pages/home/home.jsx

@@ -82,7 +82,7 @@ export default function Home() {
   useEffect(() => {
     if (syncError || viewerError) {
       setContext({ ...context, isAccSyncing: false });
-      showError('Sync error has occured, please, try again');
+      showError('Sync error has occurred, please, try again');
       console.error('Sync error:', syncError?.message || viewerError?.message); // eslint-disable-line no-console
     }
   }, [syncError, viewerError, showError, context, setContext]);

src/pages/not-found/not-found.jsx

@@ -19,7 +19,7 @@ export default function NotFound({ user }) {
         <NotFoundIcon />
         <p className={cx('note')}>
           <span>We are sorry, the resource you requested cannot be found.</span>
-          <sub>That&aposs all we know.</sub>
+          <sub>That&apos;s all we know.</sub>
         </p>
         {!user && (
           <Button

src/pages/welcome/welcome.jsx

@@ -46,7 +46,7 @@ export default function Welcome() {
       } else {
         error = (
           <div className={cx('error')}>
-            {parseQuery(search)?.message ?? 'An error occured during login attempt, please, try again'}
+            {parseQuery(search)?.message ?? 'An error occurred during login attempt, please, try again'}
           </div>
         );
       }