Skip to content

Commit 657d30d

Browse files
ViktorSoroka07ViktorSoroka07
committed
Update dependencies, adjust spelling and fix issue with blog posts are not centered in mobile
1 parent f8f1abf commit 657d30d

File tree

47 files changed

+1257
-1217
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

47 files changed

+1257
-1217
lines changed

‎.eslintrc

+1-1
Original file line numberDiff line numberDiff line change
@@ -69,7 +69,7 @@
6969
},
7070
"overrides": [
7171
{
72-
"files": ["src/pages/**/*.tsx", "src/templates/**/*.tsx"],
72+
"files": ["src/pages/**/*.tsx", "src/templates/**/*.tsx", "stylelint.config.js"],
7373
"rules": {
7474
"import/no-default-export": 0
7575
}

‎.github/workflows/ci.yml

+6-3
Original file line numberDiff line numberDiff line change
@@ -44,8 +44,11 @@ jobs:
4444
echo GTM_ID=${{ env.GTM_ID }} >> .env.production
4545
echo DOCUMENTATION_URL=${{ env.DOCUMENTATION_URL }} >> .env.production
4646
47+
- name: Run eslint
48+
run: npm run lint
49+
50+
- name: Run stylelint
51+
run: npm run stylelint
52+
4753
- name: Build the source code
4854
run: npm run build
49-
50-
- name: Run lint
51-
run: npm run lint

‎README.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -48,7 +48,7 @@ Use next information for prompts during setup:
4848

4949
1. To run the application in development mode use the following command:
5050
```bash
51-
npm run dev
51+
npm run start
5252
```
5353
2. Open `http://localhost:8080/`
5454

‎bin/setup.js

+1-1
Original file line numberDiff line numberDiff line change
@@ -92,6 +92,6 @@ inquirer
9292
spaceImport({ spaceId, managementToken, content: exportFile }),
9393
)
9494
.then(() => {
95-
console.log(`All set! You can now run ${chalk.yellow('npm run dev')} to see it in action.`);
95+
console.log(`All set! You can now run ${chalk.yellow('npm run start')} to see it in action.`);
9696
})
9797
.catch(error => console.error(error));

‎package-lock.json

+923-656
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json

+18-18
Original file line numberDiff line numberDiff line change
@@ -3,8 +3,8 @@
33
"version": "2.0.0",
44
"description": "Landing for ReportPortal",
55
"scripts": {
6-
"predev": "node ./bin/gen-antd-css.js && gatsby develop -p 8080",
7-
"dev": "gatsby develop -p 8080",
6+
"prestart": "node ./bin/gen-antd-css.js && gatsby develop -p 8080",
7+
"start": "gatsby develop -p 8080",
88
"graphql:win": "cross-env GATSBY_GRAPHQL_IDE=playground gatsby develop",
99
"prebuild": "cross-env NODE_ENV=production node ./bin/gen-antd-css.js",
1010
"build": "gatsby build",
@@ -13,33 +13,34 @@
1313
"gatsby-provision": "gatsby-provision-contentful --contentful-data-path='./contentful/export.json' --space-id=$CONTENTFUL_SPACE_ID --management-token=$CONTENTFUL_MANAGEMENT_TOKEN",
1414
"lint": "eslint . --ext .js,.jsx --cache",
1515
"format:eslint": "npm run lint -- --fix",
16+
"stylelint": "stylelint \"src/**/*.scss\"",
1617
"format:prettier": "prettier --write --write \"src/**/*.{ts,tsx,scss,json,gql,md}\"",
1718
"prepare": "husky install"
1819
},
1920
"author": "",
2021
"license": "ISC",
2122
"dependencies": {
22-
"@ant-design/cssinjs": "^1.16.1",
23-
"@ant-design/icons": "^5.0.1",
24-
"@ant-design/static-style-extract": "^1.0.1",
23+
"@ant-design/cssinjs": "^1.18.4",
24+
"@ant-design/icons": "^5.3.0",
25+
"@ant-design/static-style-extract": "^1.0.2",
2526
"@contentful/rich-text-plain-text-renderer": "*",
2627
"@svgr/webpack": "^8.1.0",
2728
"ahooks": "^3.7.4",
2829
"antd": "^5.1.7",
2930
"classnames": "^2.3.2",
3031
"formik": "^2.4.3",
3132
"framer-motion": "^10.0.1",
32-
"gatsby": "^5.12.9",
33-
"gatsby-plugin-google-tagmanager": "^5.12.3",
34-
"gatsby-plugin-image": "^3.12.3",
35-
"gatsby-plugin-react-helmet": "^6.12.0",
36-
"gatsby-plugin-sass": "^6.12.3",
37-
"gatsby-plugin-sharp": "^5.12.3",
33+
"gatsby": "^5.13.3",
34+
"gatsby-plugin-google-tagmanager": "^5.13.1",
35+
"gatsby-plugin-image": "^3.13.1",
36+
"gatsby-plugin-react-helmet": "^6.13.1",
37+
"gatsby-plugin-sass": "^6.13.1",
38+
"gatsby-plugin-sharp": "^5.13.1",
3839
"gatsby-plugin-sitemap": "^6.12.0",
3940
"gatsby-plugin-svgr-svgo": "^2.0.0",
40-
"gatsby-source-contentful": "^8.12.4",
41-
"gatsby-source-graphql": "^5.12.1",
42-
"gatsby-transformer-sharp": "^5.12.3",
41+
"gatsby-source-contentful": "^8.13.1",
42+
"gatsby-source-graphql": "^5.13.1",
43+
"gatsby-transformer-sharp": "^5.13.1",
4344
"gh-pages": "^3.1.0",
4445
"jotai": "^2.0.2",
4546
"lodash": "^4.17.21",
@@ -51,8 +52,7 @@
5152
"react-intersection-observer": "^9.5.2",
5253
"react-responsive": "^9.0.2",
5354
"react-scroll": "^1.8.9",
54-
"react-snowfall": "^1.2.1",
55-
"reading-time": "^2.0.0-1"
55+
"react-snowfall": "^1.2.1"
5656
},
5757
"devDependencies": {
5858
"@types/node": "^20.8.2",
@@ -74,7 +74,7 @@
7474
"eslint-plugin-prettier": "^4.0.0",
7575
"eslint-plugin-react": "^7.29.4",
7676
"eslint-plugin-react-hooks": "^4.6.0",
77-
"gatsby-provision-contentful": "0.0.3",
77+
"gatsby-provision-contentful": "^0.0.5",
7878
"husky": "^8.0.3",
7979
"inquirer": "^9.2.7",
8080
"lint-staged": "^13.2.3",
@@ -83,7 +83,7 @@
8383
"stylelint": "^15.10.3",
8484
"stylelint-config-standard-scss": "^11.0.0",
8585
"stylelint-order": "^6.0.3",
86-
"typescript": "^5.2.2",
86+
"typescript": "^5.3.3",
8787
"yargs-parser": "^21.1.1"
8888
},
8989
"peerDependencies": {

‎src/components/AnimatedList/AnimatedList.scss

+11-11
Original file line numberDiff line numberDiff line change
@@ -114,19 +114,19 @@
114114
padding: 0;
115115
list-style: none;
116116

117-
& + img {
118-
display: none;
119-
}
120-
121117
@include m.breakpoint(v.$desktop-sm) {
122118
flex-shrink: 0;
123119
width: 486px;
124120

125121
img {
126122
display: none;
127123
}
124+
}
128125

129-
& + img {
126+
& + img {
127+
display: none;
128+
129+
@include m.breakpoint(v.$desktop-sm) {
130130
display: block;
131131
}
132132
}
@@ -137,19 +137,19 @@
137137
padding: 24px;
138138
cursor: pointer;
139139

140+
@include m.breakpoint(v.$desktop-sm) {
141+
& + .animated-list__item--active {
142+
border-top: none;
143+
}
144+
}
145+
140146
&:last-child {
141147
border-bottom: 1px solid var(--purple-grey);
142148
}
143149

144150
.animated-list__item--active + & {
145151
border-top: none;
146152
}
147-
148-
@include m.breakpoint(v.$desktop-sm) {
149-
& + .animated-list__item--active {
150-
border-top: none;
151-
}
152-
}
153153
}
154154

155155
&__item--active {

‎src/components/ArticlePreview/ArticlePreviewItem/ArticleAuthor/ArticleAuthor.tsx

+8-10
Original file line numberDiff line numberDiff line change
@@ -11,13 +11,11 @@ interface ArticleAuthorProps {
1111

1212
const getBlocksWith = createBemBlockBuilder(['article-author']);
1313

14-
export const ArticleAuthor: FC<ArticleAuthorProps> = ({ authorName }) => {
15-
return (
16-
<p className={getBlocksWith()}>
17-
<span className={getBlocksWith('__icon')}>
18-
<AuthorIcon />
19-
</span>
20-
{authorName}
21-
</p>
22-
);
23-
};
14+
export const ArticleAuthor: FC<ArticleAuthorProps> = ({ authorName }) => (
15+
<p className={getBlocksWith()}>
16+
<span className={getBlocksWith('__icon')}>
17+
<AuthorIcon />
18+
</span>
19+
{authorName}
20+
</p>
21+
);

‎src/components/ArticlePreview/ArticlePreviewItem/ArticlePreviewItem.scss

+1-1
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,7 @@
2525
}
2626

2727
.article-preview-item__featured-image::before {
28-
background: rgba(0, 0, 0, 0.1);
28+
background: rgb(0 0 0 / 0.1);
2929
}
3030
}
3131

‎src/components/ArticlePreview/ArticlePreviewItem/ArticlePreviewItem.tsx

+20-23
Original file line numberDiff line numberDiff line change
@@ -14,27 +14,24 @@ interface ArticlePreviewItemProps {
1414
post: BlogPostDto;
1515
}
1616

17-
export const ArticlePreviewItem: FC<ArticlePreviewItemProps> = ({ post }) => {
18-
return (
19-
<li className={getBlocksWith()}>
20-
<Link to={`/blog/${post.slug}`} className={getBlocksWith('__link')}>
21-
<div className={getBlocksWith('__featured-image')}>
22-
<img alt={post.title.title} src={post.featuredImage.file.url} />
17+
export const ArticlePreviewItem: FC<ArticlePreviewItemProps> = ({ post }) => (
18+
<li className={getBlocksWith()}>
19+
<Link to={`/blog/${post.slug}`} className={getBlocksWith('__link')}>
20+
<div className={getBlocksWith('__featured-image')}>
21+
<img alt={post.title.title} src={post.featuredImage.file.url} />
22+
</div>
23+
<div className={getBlocksWith('__content')}>
24+
<p className={getBlocksWith('__category')}>{post.category}</p>
25+
<h2 className={getBlocksWith('__title')}>{post.title.title}</h2>
26+
{post.description?.raw && <div>{renderRichText(post.description)}</div>}
27+
<div className={getBlocksWith('__meta')}>
28+
<span className="meta">{post.publishDate}</span>
2329
</div>
24-
<div className={getBlocksWith('__content')}>
25-
<p className={getBlocksWith('__category')}>{post.category}</p>
26-
27-
<h2 className={getBlocksWith('__title')}>{post.title.title}</h2>
28-
{post.description?.raw && <div>{renderRichText(post.description)}</div>}
29-
<div className={getBlocksWith('__meta')}>
30-
<span className="meta">{post.publishDate}</span>
31-
</div>
32-
<Typography.Paragraph ellipsis={{ rows: 5 }} className={getBlocksWith('__excerpt')}>
33-
{post.leadParagraph.leadParagraph}
34-
</Typography.Paragraph>
35-
<ArticleAuthor authorName={post.author} />
36-
</div>
37-
</Link>
38-
</li>
39-
);
40-
};
30+
<Typography.Paragraph ellipsis={{ rows: 5 }} className={getBlocksWith('__excerpt')}>
31+
{post.leadParagraph.leadParagraph}
32+
</Typography.Paragraph>
33+
<ArticleAuthor authorName={post.author} />
34+
</div>
35+
</Link>
36+
</li>
37+
);

‎src/components/ComparePlans/Columns/Columns.tsx

+1
Original file line numberDiff line numberDiff line change
@@ -16,6 +16,7 @@ interface ColumnsProps {
1616
[key: string]: string;
1717
};
1818
}
19+
1920
const getCompareContainer = createBemBlockBuilder(['compare']);
2021

2122
export const Columns: FC<ColumnsProps> = ({ title = '', cols, mobileColumns = {} }) => {

‎src/components/ComparePlans/ExpandableRow/ExpandableRow.tsx

+5-7
Original file line numberDiff line numberDiff line change
@@ -12,10 +12,8 @@ interface ExpandableRowProps {
1212

1313
const getBlocksWith = createBemBlockBuilder(['compare']);
1414

15-
export const ExpandableRow: FC<ExpandableRowProps> = ({ feature, columnsData }) => {
16-
return (
17-
<div className={getBlocksWith('__row')}>
18-
<Columns title={feature} cols={columnsData} />
19-
</div>
20-
);
21-
};
15+
export const ExpandableRow: FC<ExpandableRowProps> = ({ feature, columnsData }) => (
16+
<div className={getBlocksWith('__row')}>
17+
<Columns title={feature} cols={columnsData} />
18+
</div>
19+
);

‎src/components/Faq/Faq.tsx

+34-36
Original file line numberDiff line numberDiff line change
@@ -22,40 +22,38 @@ export const Faq: FC<FaqProps> = ({
2222
titleId,
2323
documentationLink = `${DOCUMENTATION_URL}/FAQ/`,
2424
showMoreInfoLink = true,
25-
}) => {
26-
return (
27-
<div className={classNames('container', getBlocksWith())}>
28-
<div className={getBlocksWith('__heading')}>
29-
<h1 id={titleId}>Frequently asked questions</h1>
30-
</div>
31-
<div className={getBlocksWith('__content')}>
32-
<Collapse
33-
items={items}
34-
defaultActiveKey={['1']}
35-
size="large"
36-
expandIconPosition="end"
37-
expandIcon={({ isActive }) => (
38-
<img
39-
className={classNames(getBlocksWith('__expand-icon'), {
40-
[getBlocksWith('__expand-icon--active')]: isActive,
41-
})}
42-
src={iconsCommon.arrowLight}
43-
alt={isActive ? 'Collapse' : 'Expand'}
44-
/>
45-
)}
46-
/>
47-
</div>
48-
{showMoreInfoLink && (
49-
<div className={getBlocksWith('__link')}>
50-
<p>
51-
More information on the link to our
52-
<Link className={getBlocksWith('__link-documentation')} to={documentationLink}>
53-
Documentation
54-
<ArrowIcon />
55-
</Link>
56-
</p>
57-
</div>
58-
)}
25+
}) => (
26+
<div className={classNames('container', getBlocksWith())}>
27+
<div className={getBlocksWith('__heading')}>
28+
<h1 id={titleId}>Frequently asked questions</h1>
5929
</div>
60-
);
61-
};
30+
<div className={getBlocksWith('__content')}>
31+
<Collapse
32+
items={items}
33+
defaultActiveKey={['1']}
34+
size="large"
35+
expandIconPosition="end"
36+
expandIcon={({ isActive }) => (
37+
<img
38+
className={classNames(getBlocksWith('__expand-icon'), {
39+
[getBlocksWith('__expand-icon--active')]: isActive,
40+
})}
41+
src={iconsCommon.arrowLight}
42+
alt={isActive ? 'Collapse' : 'Expand'}
43+
/>
44+
)}
45+
/>
46+
</div>
47+
{showMoreInfoLink && (
48+
<div className={getBlocksWith('__link')}>
49+
<p>
50+
More information on the link to our
51+
<Link className={getBlocksWith('__link-documentation')} to={documentationLink}>
52+
Documentation
53+
<ArrowIcon />
54+
</Link>
55+
</p>
56+
</div>
57+
)}
58+
</div>
59+
);

‎src/components/Layout/EmbedVideo/EmbedVideo.tsx

+18-20
Original file line numberDiff line numberDiff line change
@@ -9,23 +9,21 @@ interface EmbedVideoProps {
99
onClick: () => void;
1010
}
1111

12-
export const EmbedVideo: FC<EmbedVideoProps> = ({ isOpen, embedId, onClick }) => {
13-
return (
14-
<Modal
15-
className="video-responsive"
16-
width="100%"
17-
open={isOpen}
18-
destroyOnClose
19-
footer={null}
20-
closable={false}
21-
onCancel={onClick}
22-
maskStyle={{ backgroundColor: 'rgba(47, 60, 95, 0.5)', backdropFilter: 'blur(8px)' }}
23-
>
24-
<iframe
25-
src={`https://www.youtube-nocookie.com/embed/${embedId}`}
26-
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
27-
allowFullScreen
28-
/>
29-
</Modal>
30-
);
31-
};
12+
export const EmbedVideo: FC<EmbedVideoProps> = ({ isOpen, embedId, onClick }) => (
13+
<Modal
14+
className="video-responsive"
15+
width="100%"
16+
open={isOpen}
17+
destroyOnClose
18+
footer={null}
19+
closable={false}
20+
onCancel={onClick}
21+
maskStyle={{ backgroundColor: 'rgba(47, 60, 95, 0.5)', backdropFilter: 'blur(8px)' }}
22+
>
23+
<iframe
24+
src={`https://www.youtube-nocookie.com/embed/${embedId}`}
25+
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
26+
allowFullScreen
27+
/>
28+
</Modal>
29+
);

0 commit comments

Comments
 (0)