Feature/like button code conventions

.graphqlconfig.yml

@@ -13,3 +13,6 @@ projects:
         region: eu-central-1
         apiId: null
         maxDepth: 2
+extensions:
+  amplify:
+    version: 3

README.md

@@ -1,12 +1,14 @@
 # Nyxo Website
+
 <!-- ALL-CONTRIBUTORS-BADGE:START - Do not remove or modify this section -->
+
 [![All Contributors](https://img.shields.io/badge/all_contributors-3-orange.svg?style=flat-square)](#contributors-)
+
 <!-- ALL-CONTRIBUTORS-BADGE:END -->
 
 ![Build, test, and release](https://github.com/hello-nyxo/nyxo-website/workflows/Build,%20test,%20and%20release/badge.svg)
 [![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier)
 
-
 This is the website that powers [nyxo.app](https://nyxo.app). It's built with the following tools:
 
 - Gatsby
@@ -24,17 +26,16 @@ This is the website that powers [nyxo.app](https://nyxo.app). It's built with th
    ```
 
 2. **Setup AWS Amplify + envirnoment variables**
-...coming soon
-
+   ...coming soon
 
-3. **Start the site in `develop` mode.**
+3) **Start the site in `develop` mode.**
 
 Next, move into your new site’s directory and start it up:
 
-   ```sh
-   cd nyxo-website/
-   gatsby develop
-   ```
+```sh
+cd nyxo-website/
+gatsby develop
+```
 
 4. **Open the source code and start editing!**
 
@@ -43,13 +44,14 @@ Your site is now running at `http://localhost:8000`. Open the `Nyxo` directory i
 At this point, you’ve got a fully functional Gatsby website. For additional information on how you can customize your Gatsby site, see our [plugins](https://gatsbyjs.org/plugins/) and [the official tutorial](https://gatsbyjs.org/tutorial/).
 
 ## 🤝 Contributing
+
 This project welcomes all contributions. This includes but is not limited to:
+
 - Blog posts (you're always welcome to contribute to our blog, topics where interested in: sleep and technology)
 - Localization of the site (currently we support finnish and english)
 - Visualizing data (if you want to build a new chart to display your own data in the details page for example)
 - New features (this means everything that makes Nyxo Sleep Coaching / Sleep Data easier to understand / use)
 
-
 ## Contributors ✨
 
 Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):
@@ -67,6 +69,7 @@ Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/d
 
 <!-- markdownlint-enable -->
 <!-- prettier-ignore-end -->
+
 <!-- ALL-CONTRIBUTORS-LIST:END -->
 
-This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!
+This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!

amplify/.config/project-config.json

@@ -1,15 +1,17 @@
 {
-  "projectName": "nyxo.app",
-  "version": "1.0",
-  "frontend": "javascript",
-  "javascript": {
-    "framework": "react",
-    "config": {
-      "SourceDir": "src",
-      "DistributionDir": "public",
-      "BuildCommand": "gatsby build",
-      "StartCommand": "gatsby serve"
-    }
-  },
-  "providers": ["awscloudformation"]
-}
+    "projectName": "nyxo.app",
+    "version": "3.0",
+    "frontend": "javascript",
+    "javascript": {
+        "framework": "react",
+        "config": {
+            "SourceDir": "src",
+            "DistributionDir": "public",
+            "BuildCommand": "gatsby build",
+            "StartCommand": "gatsby serve"
+        }
+    },
+    "providers": [
+        "awscloudformation"
+    ]
+}

locales/en/translation.json

@@ -108,7 +108,8 @@
     "HABITS": "Habits",
     "HABITS_TEXT": "Below is a small sample of habits and exercises from the Nyxo Sleep Coaching",
     "AUTHORS": "Authors",
-    "AUTHORS_TEXT": "These are the authors behind the Nyxo materials you love. Here you can learn more about the authors, including their areas of expertise, and find all materials they've written."
+    "AUTHORS_TEXT": "These are the authors behind the Nyxo materials you love. Here you can learn more about the authors, including their areas of expertise, and find all materials they've written.",
+    "SLEEP_COACHING": "Sleep Coaching"
   },
 
   "BLOG": {
@@ -164,6 +165,10 @@
   "CHECKOUT_BLOG": "Check Out Our Blog",
   "MORE_FROM_BLOG": "More From Our Blog",
 
+  "ADD_BOOKMARK": "Add to bookmarks",
+  "REMOVE_BOOKMARK": "Remove bookmark",
+  "LOADING_DATA": "Loading data...",
+
   "ABOUT": {
     "TITLE": "We’re on a mission to make the world sleep better",
     "NYXO": "Our Story",

locales/fi/translation.json

@@ -108,7 +108,8 @@
     "HABITS": "Tavoitteet",
     "HABITS_TEXT": "Alla pieni läpileikkaus Nyxo Univalmennuksessa valittavista harjoitteista ja tavoitteista.",
     "AUTHORS": "Kirjoittajat",
-    "AUTHORS_TEXT": "Alla olevat henkilöt ovat luoneet Nyxo Univalmennuksen."
+    "AUTHORS_TEXT": "Alla olevat henkilöt ovat luoneet Nyxo Univalmennuksen.",
+    "SLEEP_COACHING": "Univalmennus"
   },
 
   "BLOG": {
@@ -164,6 +165,10 @@
   "CHECKOUT_BLOG": "Blogistamme",
   "MORE_FROM_BLOG": "Lisää blogikirjoituksia",
 
+  "ADD_BOOKMARK": "Tallenna",
+  "REMOVE_BOOKMARK": "Poista kirjanmerkki",
+  "LOADING_DATA": "Odota hetki...",
+
   "ABOUT": {
     "TITLE": "Jokaisella ihmisellä on oikeus hyviin yöuniin",
     "NYXO": "Tietoa meistä",

package.json

@@ -63,8 +63,9 @@
     "react-dom": "^16.13.1",
     "react-helmet": "^6.0.0",
     "react-i18next": "^11.7.0",
+    "react-loader-spinner": "^3.1.14",
     "react-number-format": "^4.4.1",
-    "react-query": "^2.5.6",
+    "react-query": "^2.5.7-tsnext.1",
     "react-router-dom": "^5.1.2",
     "react-select": "^3.1.0",
     "react-share": "^4.2.1",