header component correct

Arirubiastor · Jan 19, 2021 · 0b5fa80 · 0b5fa80
1 parent 49912b6
commit 0b5fa80
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 42 deletions.
diff --git a/layouts/default.vue b/layouts/default.vue
@@ -1,5 +1,6 @@
 <template>
  <div>
+ <TheHeader />
  <Nuxt />
  </div>
 </template>
@@ -30,33 +31,4 @@ html {
  box-sizing: border-box;
  margin: 0;
 }
-
-.button--green {
- display: inline-block;
- border-radius: 4px;
- border: 1px solid #3b8070;
- color: #3b8070;
- text-decoration: none;
- padding: 10px 30px;
-}
-
-.button--green:hover {
- color: #fff;
- background-color: #3b8070;
-}
-
-.button--grey {
- display: inline-block;
- border-radius: 4px;
- border: 1px solid #35495e;
- color: #35495e;
- text-decoration: none;
- padding: 10px 30px;
- margin-left: 15px;
-}
-
-.button--grey:hover {
- color: #fff;
- background-color: #35495e;
-}
 </style>
diff --git a/pages/index.vue b/pages/index.vue
@@ -1,6 +1,5 @@
 <template>
  <div style="background-color: #e9d6d6">
- <TheHeader />
  <GitHubRepos :repositoriesData="repos" :bgColorsData="colors" />
  <MediumPosts :posts="mediumPosts" />
  {{ linkedInProfile }}
@@ -74,19 +73,23 @@ export default {
  });
  },
  linkedInProfile() {
- axios
- .get(
- "https://api.linkedin.com/v2/me?access_token=LINKEDIN_ACCESS_TOKEN"
- )
- .then((res) => (this.linkedInProfile = res.data));
-
- // fetch(
- // "https://api.linkedin.com/v2/me?access_token=LINKEDIN_ACCESS_TOKEN"
- // )
- // .then((res) => res.json())
- // .then((data) => {
- // this.linkedInProfile = data;
+ // axios
+ // .get(
+ // "https://api.linkedin.com/v2/me?access_token=" + process.env.LINKEDIN_ACCESS_TOKEN
+ // )
+ // .then(res => this.linkedInProfile = res.data)
+ // .catch((error) => {
+ // this.errorMessage = error.message;
+ // console.log("There was an error with linkedin get request", error);
  // });
+
+ fetch(
+ "https://api.linkedin.com/v2/me?access_token=" + process.env.LINKEDIN_ACCESS_TOKEN
+ )
+ .then((res) => res.json())
+ .then((data) => {
+ this.linkedInProfile = data;
+ });
  },
  // Consulta el perímetro de elementos multimedia del usuario
  instagramMediaCollection() {