diff --git a/docs/src/components/ActionButtonFooter.astro b/docs/src/components/ActionButtonFooter.astro index 3110f89..b4dcc32 100644 --- a/docs/src/components/ActionButtonFooter.astro +++ b/docs/src/components/ActionButtonFooter.astro @@ -36,13 +36,13 @@ import MyIcon from './MyIcon.astro'; display: flex; flex-direction: column; gap: 0.7rem; - margin-bottom: 10px; + margin-bottom: 10px; } .button-sponsor { background-color: red; border-color: red; - color: write; + color: white; } \ No newline at end of file diff --git a/docs/src/content/docs/challenges/angular/22-router-input.md b/docs/src/content/docs/challenges/angular/22-router-input.md index 0614b89..75ac297 100644 --- a/docs/src/content/docs/challenges/angular/22-router-input.md +++ b/docs/src/content/docs/challenges/angular/22-router-input.md @@ -20,7 +20,6 @@ In this application, we retrieve three pieces of information inside our `TestCom In Angular versions 15 or earlier, we use `ActivatedRoute` to obtain all this information and receive them through observables to listen for URL changes. In version 16, Angular introduced a new `Input` that can listen to route data. You can read more about it [here](https://medium.com/ngconf/accessing-route-params-in-angular-1f8e12770617). -. ## Statement diff --git a/docs/src/content/docs/challenges/angular/4-context-outlet-typed.md b/docs/src/content/docs/challenges/angular/4-context-outlet-typed.md index e475c5f..a8c7c19 100644 --- a/docs/src/content/docs/challenges/angular/4-context-outlet-typed.md +++ b/docs/src/content/docs/challenges/angular/4-context-outlet-typed.md @@ -17,7 +17,7 @@ WIP: The following documentation will be reviewed and improved. However, you can Angular offer the static function **ngTemplateContextGuard** to strongly type structural directive. -However the context of **NgTemplateOutlet** type is **Object**. But which the help of the above guard, we can improve that behavior. +However the context of **NgTemplateOutlet** type is **Object**. But with the help of the above guard, we can improve that behavior. ## Statement @@ -41,4 +41,4 @@ Currently we have the following piece of code. As we can see, student is of type "any". We want to infer the correct type. -But in this part, we can pass to ListComponent, a list of **any object**. And we still want the correct type to be infered. +But in this part, we can pass to ListComponent, a list of **any object**. And we still want the correct type to be inferred. diff --git a/docs/src/content/docs/challenges/angular/5-crud.md b/docs/src/content/docs/challenges/angular/5-crud.md index 2cea7c4..d79eec6 100644 --- a/docs/src/content/docs/challenges/angular/5-crud.md +++ b/docs/src/content/docs/challenges/angular/5-crud.md @@ -54,4 +54,4 @@ this.todos = [...this.todos.filter((t) => t.id !== todoUpdated.id), todoUpdated] ### Step 4: Awesomeness!!! master your state. - Use the **component store of ngrx** as a local state of your component. _(or any other 3rd Party lib)_ -- Have a **localize** Loading/Error indicator, e.g. only on the Todo being processed and **disable** all buttons of the processed Todo. _(Hint: you will need to create an ItemComponent)_ +- Have a **localized** Loading/Error indicator, e.g. only on the Todo being processed and **disable** all buttons of the processed Todo. _(Hint: you will need to create an ItemComponent)_ diff --git a/docs/src/content/docs/challenges/testing/23-harness.md b/docs/src/content/docs/challenges/testing/23-harness.md index 8c89174..a2f6208 100644 --- a/docs/src/content/docs/challenges/testing/23-harness.md +++ b/docs/src/content/docs/challenges/testing/23-harness.md @@ -20,5 +20,5 @@ The goal is to test the functionality of `child.component.ts`. I have prepared a **Note:** You are welcome to use Testing Library if you wish. -Documentation for CDK Component Harness is [here](https://material.angular.io/cdk/test-harnesses/overview#api-for-test-authors) -Documentation for Angular Material component is [here](https://material.angular.io/components/button/overview) +Documentation for CDK Component Harness is [here](https://material.angular.io/cdk/test-harnesses/overview#api-for-test-authors). +Documentation for Angular Material component is [here](https://material.angular.io/components/button/overview). diff --git a/docs/src/content/docs/index.mdx b/docs/src/content/docs/index.mdx index 1cc653a..3c7eabf 100644 --- a/docs/src/content/docs/index.mdx +++ b/docs/src/content/docs/index.mdx @@ -43,7 +43,7 @@ import MyIcon from '../../components/MyIcon.astro'; challenges provides real-world use cases to apply what you've been learning. Anyone can comment or offer assistance. - Learning alone is great, but learning alongside others will get you farer. + Learning alone is great, but learning alongside others will get you further.