Skip to content

Commit f3fb51d

Browse files
blackpanther1881blackpanther1881
authored
Merge pull request #492 from persistenceOne/sanity_fixes
update footer
2 parents f378d5f + 5632ba1 commit f3fb51d

File tree

4 files changed

+104
-78
lines changed

4 files changed

+104
-78
lines changed

‎src/assets/scss/index.css‎

Lines changed: 2 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎src/assets/scss/index.css.map‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎src/assets/scss/views/_main.scss‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -130,6 +130,10 @@
130130
padding-top: 20px;
131131
padding-bottom: 20px;
132132

133+
.terms{
134+
text-decoration: underline;
135+
}
136+
133137
.dark-logo {
134138
height: 20px;
135139
width: 100px;

‎src/components/Footer/index.js‎

Lines changed: 97 additions & 77 deletions
Original file line numberDiff line numberDiff line change
@@ -1,87 +1,107 @@
1-
import React from 'react';
2-
import {OverlayTrigger, Tooltip} from 'react-bootstrap';
1+
import React from "react";
2+
import { OverlayTrigger, Tooltip } from "react-bootstrap";
33
import Icon from "../Icon";
44

55
const socialList = [
6-
{
7-
url: 'https://twitter.com/PersistenceOne',
8-
iconName: 'twitter-logo',
9-
tooltip: 'twitter'
10-
},
11-
{
12-
url: 'https://t.me/PersistenceOneChat',
13-
iconName: 'telegram-plane',
14-
tooltip: 'telegram'
15-
},
16-
{
17-
url: 'https://t.me/PersistenceOne',
18-
iconName: 'announcements',
19-
tooltip: 'announcements'
20-
}, {
21-
url: 'https://discord.gg/SaBKpjbnhH',
22-
iconName: 'discord',
23-
tooltip: 'discord'
24-
}, {
25-
url: 'https://www.reddit.com/r/PersistenceOne/',
26-
iconName: 'reddit-round',
27-
tooltip: 'reddit'
28-
}, {
29-
url: 'https://www.youtube.com/channel/UC5wqI1ZRdkCjWWVOCQdhxLQ/featured',
30-
iconName: 'youtube',
31-
tooltip: 'youtube'
32-
}, {
33-
url: 'https://medium.com/persistence-blog',
34-
iconName: 'medium-m',
35-
tooltip: 'medium'
36-
}, {
37-
url: 'https://www.linkedin.com/company/persistenceone/',
38-
iconName: 'linkedin-footer',
39-
tooltip: 'linkedIn'
40-
},
6+
{
7+
url: "https://twitter.com/PersistenceOne",
8+
iconName: "twitter-logo",
9+
tooltip: "twitter"
10+
},
11+
{
12+
url: "https://t.me/PersistenceOneChat",
13+
iconName: "telegram-plane",
14+
tooltip: "telegram"
15+
},
16+
{
17+
url: "https://t.me/PersistenceOne",
18+
iconName: "announcements",
19+
tooltip: "announcements"
20+
},
21+
{
22+
url: "https://discord.gg/SaBKpjbnhH",
23+
iconName: "discord",
24+
tooltip: "discord"
25+
},
26+
{
27+
url: "https://www.reddit.com/r/PersistenceOne/",
28+
iconName: "reddit-round",
29+
tooltip: "reddit"
30+
},
31+
{
32+
url: "https://www.youtube.com/channel/UC5wqI1ZRdkCjWWVOCQdhxLQ/featured",
33+
iconName: "youtube",
34+
tooltip: "youtube"
35+
},
36+
{
37+
url: "https://medium.com/persistence-blog",
38+
iconName: "medium-m",
39+
tooltip: "medium"
40+
},
41+
{
42+
url: "https://www.linkedin.com/company/persistenceone/",
43+
iconName: "linkedin-footer",
44+
tooltip: "linkedIn"
45+
}
4146
];
4247

4348
const Footer = () => {
49+
return (
50+
<>
51+
<section className="contact-section">
52+
<div className="container"></div>
53+
</section>
54+
<footer className="footer">
55+
<div className="footer-bottom-section">
56+
<div className="footer-logo-section container">
57+
<div className={"d-flex"}>
58+
<p className="copy-rights mb-sm-0">Developed by Persistence</p>
59+
<a
60+
href="https://persistence.one/terms"
61+
target="_blank"
62+
rel="noreferrer"
63+
className={"copy-rights ml-2 terms"}
64+
>
65+
Terms of Use
66+
</a>
67+
<a
68+
href="https://persistence.one/privacy"
69+
target="_blank"
70+
rel="noreferrer"
71+
className={"ml-2 copy-rights terms"}
72+
>
73+
Privacy Policy
74+
</a>
75+
</div>
4476

45-
return (
46-
<>
47-
<section className="contact-section">
48-
<div className="container">
49-
50-
</div>
51-
</section>
52-
<footer className="footer">
53-
<div className="footer-bottom-section">
54-
<div className="footer-logo-section container ">
55-
<p className="copy-rights mb-sm-0">Developed by Persistence</p>
56-
57-
<div className="social-links-section">
58-
<ul className="list-unstyled footer-list">
59-
{
60-
socialList.map((item, index) => (
61-
<OverlayTrigger
62-
key={index}
63-
placement="bottom"
64-
overlay={
65-
<Tooltip id={`tooltip-${item.iconName}}`}>
66-
{item.tooltip}
67-
</Tooltip>
68-
}
69-
>
70-
<a href={item.url} rel="noopener noreferrer"
71-
target="_blank"><Icon viewClass="social_icon_imgg"
72-
icon={item.iconName}/></a>
73-
</OverlayTrigger>
74-
))
75-
}
76-
77-
</ul>
78-
</div>
79-
</div>
80-
</div>
81-
</footer>
82-
</>
83-
);
77+
<div className="social-links-section">
78+
<ul className="list-unstyled footer-list">
79+
{socialList.map((item, index) => (
80+
<OverlayTrigger
81+
key={index}
82+
placement="bottom"
83+
overlay={
84+
<Tooltip id={`tooltip-${item.iconName}}`}>
85+
{item.tooltip}
86+
</Tooltip>
87+
}
88+
>
89+
<a
90+
href={item.url}
91+
rel="noopener noreferrer"
92+
target="_blank"
93+
>
94+
<Icon viewClass="social_icon_imgg" icon={item.iconName} />
95+
</a>
96+
</OverlayTrigger>
97+
))}
98+
</ul>
99+
</div>
100+
</div>
101+
</div>
102+
</footer>
103+
</>
104+
);
84105
};
85106

86-
87107
export default Footer;

0 commit comments

Comments
 (0)