diff options
author | William Carroll <wpcarro@gmail.com> | 2020-03-27T10·52+0000 |
---|---|---|
committer | William Carroll <wpcarro@gmail.com> | 2020-03-27T10·59+0000 |
commit | 514136c99af6f1807f07d23640405764f1c674df (patch) | |
tree | 856e8f4bf94fbbda73649a9e5a690641b32cc828 /website/sandbox/contentful/src/App.tsx | |
parent | f4f7f454fa23d0b7f8dd665ec755f1131928f98d (diff) |
Run Prettier across projects
Problem: Prettier was not running when I saved Emacs buffers. Why? - prettier-js-mode needs needs node; lorri exposes node to direnv; direnv exposes node to Emacs; lorri was not working as expected. Solution: Now that I'm using nix-buffer, I can properly expose node (and other dependencies) to my Emacs buffers. Now Prettier is working. Commentary: Since prettier hadn't worked for so long, I stopped thinking about it. As such, I did not include it as a dependency in boilerplate/typescript. I added it now. I retroactively ran prettier across a few of my frontend projects to unify the code styling. I may need to run... ```shell $ cd ~/briefcase $ nix-shell $ npx prettier --list-different "**/*.{js,ts,jsx,tsx,html,css,json}" ``` ...to see which files I should have formatted.
Diffstat (limited to 'website/sandbox/contentful/src/App.tsx')
-rw-r--r-- | website/sandbox/contentful/src/App.tsx | 11 |
1 files changed, 7 insertions, 4 deletions
diff --git a/website/sandbox/contentful/src/App.tsx b/website/sandbox/contentful/src/App.tsx index 6342bfc98dd6..288f03321804 100644 --- a/website/sandbox/contentful/src/App.tsx +++ b/website/sandbox/contentful/src/App.tsx @@ -8,7 +8,7 @@ import type { Book } from "./store"; const App: React.FC = () => { const dispatch = useDispatch(); - const { isLoading, books } = useTypedSelector(state => ({ + const { isLoading, books } = useTypedSelector((state) => ({ isLoading: state.isLoading, books: state.books, })); @@ -16,7 +16,7 @@ const App: React.FC = () => { useEffect(() => { async function fetchData() { const entries = await getClient().getEntries(); - const books = entries.items.map(x => x.fields) as Book[]; + const books = entries.items.map((x) => x.fields) as Book[]; dispatch(actions.setBooks(books)); } @@ -30,9 +30,12 @@ const App: React.FC = () => { <div className="container mx-auto"> <h1 className="py-6 text-2xl">Books</h1> <ul> - {books.map(book => ( + {books.map((book) => ( <li key={book.title} className="py-3"> - <p><span className="font-bold pr-3">{book.title}</span><span className="text-gray-600">{book.author}</span></p> + <p> + <span className="font-bold pr-3">{book.title}</span> + <span className="text-gray-600">{book.author}</span> + </p> </li> ))} </ul> |