From aeb0712725888497a19bfa8da0bc44fdb394e271 Mon Sep 17 00:00:00 2001
From: Sergey Yarkov <serzh.yarkov@gmail.com>
Date: Wed, 30 Sep 2020 22:59:01 +0300
Subject: [PATCH] typescript codeblock styles

---
 ...4_ispolzovanie-apollo-server-vmeste-s-typescript.md | 10 +++++-----
 src/styles/global.scss                                 |  6 ++++++
 2 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/content/articles/2020-09-24_ispolzovanie-apollo-server-vmeste-s-typescript.md b/content/articles/2020-09-24_ispolzovanie-apollo-server-vmeste-s-typescript.md
index 3812e94..8710312 100644
--- a/content/articles/2020-09-24_ispolzovanie-apollo-server-vmeste-s-typescript.md
+++ b/content/articles/2020-09-24_ispolzovanie-apollo-server-vmeste-s-typescript.md
@@ -202,7 +202,7 @@ cd ..
 
 Файл **Books.ts**:
 
-```js
+```ts
 // ./graphql/resolvers/Books/Books.ts
 
 import { IResolvers } from "graphql-tools"
@@ -228,7 +228,7 @@ export default booksResolver
 
 Файл **Users.ts**:
 
-```js
+```ts
 // ./graphql/resolvers/Users/Users.ts
 
 import { IResolvers } from "graphql-tools"
@@ -254,7 +254,7 @@ export default usersResolver
 
 Резолверы получились довольно простые и понятные, теперь нужно собрать их в один массив для дальнейшего экспорта. В файле **index.ts** прописываем следующее:
 
-```js
+```ts
 // ./graphql/resolvers/index.ts
 
 import { IResolvers } from "graphql-tools"
@@ -274,7 +274,7 @@ export default resolvers
 Раньше для того чтобы работали наши graphql импорты мы применяли пакет **graphql-import**, но теперь его не нужно устанавливать так как он уже входит в состав **graphql-tools**. Подробнее об этом можно прочитать [здесь](https://www.graphql-tools.com/docs/migration-from-import).
 С помощью функций **loadSchemaSync**, **loadFilesSync**, и **addResolversToSchema** мы собираем нашу схему. Функция **mergeResolvers** предназначена для объединения наших резолверов. Подробнее о "**Resolvers merging**" [здесь](https://www.graphql-tools.com/docs/merge-resolvers/). Далее всё что нам остается сделать - это экспортировать нашу схему и написать сервер.
 
-```js
+```ts
 // ./graphql/schema.ts
 
 import {
@@ -309,7 +309,7 @@ touch index.ts
 
 Импортируем все необходимые пакеты и напишем функцию **startServer**, которая будет запускать наш сервер. Сделаем это согласно документации к пакету [apollo-server-express](https://www.npmjs.com/package/apollo-server-express).
 
-```js
+```ts
 // ./index.ts
 
 import express, { Application, Request, Response } from "express"
diff --git a/src/styles/global.scss b/src/styles/global.scss
index 7440fc9..22e47e6 100644
--- a/src/styles/global.scss
+++ b/src/styles/global.scss
@@ -184,6 +184,12 @@ article .gt-container {
     background: rgb(247, 223, 30);
   }
 
+  .gatsby-highlight pre[class*="language-ts"]:before {
+    content: "ts";
+    background: #007acc;
+    color: $white-clr;
+  }
+
   .gatsby-highlight pre[class*="language-text"]:before {
     content: "text";
     background: #efefef;