diff --git a/package.json b/package.json index 6039a17d3..adc019461 100644 --- a/package.json +++ b/package.json @@ -81,9 +81,6 @@ "@burner-wallet/burner-connect-provider": "^0.1.1", "@daostack/arc.js": "2.0.0-experimental.54", "@dorgtech/daocreator-ui-experimental": "1.1.13", - "@fortawesome/fontawesome-svg-core": "^1.2.10", - "@fortawesome/free-brands-svg-icons": "^5.6.1", - "@fortawesome/react-fontawesome": "^0.1.3", "@portis/web3": "^2.0.0-beta.56", "@sentry/browser": "^5.0.8", "@toruslabs/torus-embed": "^1.8.1", diff --git a/src/assets/images/Icon/social/github.svg b/src/assets/images/Icon/social/github.svg new file mode 100644 index 000000000..e6e39c90d --- /dev/null +++ b/src/assets/images/Icon/social/github.svg @@ -0,0 +1 @@ +GitHub icon diff --git a/src/assets/images/Icon/social/twitter.svg b/src/assets/images/Icon/social/twitter.svg old mode 100644 new mode 100755 index 6cb3000e1..6b421ee91 --- a/src/assets/images/Icon/social/twitter.svg +++ b/src/assets/images/Icon/social/twitter.svg @@ -1,14 +1,20 @@ - - - - - - - - - - - - - + + + + + + + + + + diff --git a/src/components/Account/Account.scss b/src/components/Account/Account.scss index aade9aecc..f38fa88e0 100644 --- a/src/components/Account/Account.scss +++ b/src/components/Account/Account.scss @@ -284,8 +284,11 @@ a.accountName { } .socialButtonAuthenticated { + display: flex; .icon { - color: #76c9de; + width: 20px; + height: 20px; + margin-right: 10px; } } diff --git a/src/components/Account/AccountPopup.tsx b/src/components/Account/AccountPopup.tsx index 89ded5259..210006fa1 100644 --- a/src/components/Account/AccountPopup.tsx +++ b/src/components/Account/AccountPopup.tsx @@ -1,6 +1,5 @@ import { Address, IDAOState, Member, IMemberState } from "@daostack/arc.js"; import { getArc } from "arc"; -import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; import { getProfile } from "actions/profilesActions"; import AccountImage from "components/Account/AccountImage"; import AccountProfileName from "components/Account/AccountProfileName"; @@ -80,11 +79,11 @@ class AccountPopup extends React.Component { {profile.socialURLs.twitter ? - + : ""} {profile.socialURLs.github ? - + : ""} } diff --git a/src/components/Account/AccountProfilePage.tsx b/src/components/Account/AccountProfilePage.tsx index 8aa5861a9..6fc2653be 100644 --- a/src/components/Account/AccountProfilePage.tsx +++ b/src/components/Account/AccountProfilePage.tsx @@ -1,6 +1,4 @@ import { IDAOState, IMemberState, DAO, Member } from "@daostack/arc.js"; -import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; - import BN = require("bn.js"); import { getProfile, updateProfile } from "actions/profilesActions"; import { enableWalletProvider, getArc, getAccountIsEnabled } from "arc"; @@ -282,11 +280,11 @@ class AccountProfilePage extends React.Component { } - {accountProfile.socialURLs.twitter ? "Verified as https://twitter.com/" + accountProfile.socialURLs.twitter.username : "Verify Twitter through 3box"} + {accountProfile.socialURLs.twitter ? "Verified as https://twitter.com/" + accountProfile.socialURLs.twitter.username : "Verify Twitter through 3box"}
- {accountProfile.socialURLs.github ? "Verified as https://github.com/" + accountProfile.socialURLs.github.username : "Verify Github through 3box"} + {accountProfile.socialURLs.github ? "Verified as https://github.com/" + accountProfile.socialURLs.github.username : "Verify Github through 3box"} } diff --git a/src/components/Dao/DaoMember.tsx b/src/components/Dao/DaoMember.tsx index 5d09a2e7d..911e0a9f7 100644 --- a/src/components/Dao/DaoMember.tsx +++ b/src/components/Dao/DaoMember.tsx @@ -1,6 +1,5 @@ import BN = require("bn.js"); import { IDAOState, IMemberState, Member } from "@daostack/arc.js"; -import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; import AccountImage from "components/Account/AccountImage"; import AccountProfileName from "components/Account/AccountProfileName"; import Reputation from "components/Account/Reputation"; @@ -67,11 +66,11 @@ class DaoMember extends React.Component { { profile.socialURLs.twitter ? - + : ""} { profile.socialURLs.github ? - + : ""} : "" diff --git a/src/index.tsx b/src/index.tsx index e81137f5e..5953a86f0 100644 --- a/src/index.tsx +++ b/src/index.tsx @@ -1,6 +1,3 @@ -import { library } from "@fortawesome/fontawesome-svg-core"; -import { faGithub } from "@fortawesome/free-brands-svg-icons/faGithub"; -import { faTwitter } from "@fortawesome/free-brands-svg-icons/faTwitter"; import { init as sentryInit } from "@sentry/browser"; import * as Mixpanel from "mixpanel-browser"; import * as React from "react"; @@ -13,8 +10,6 @@ import { App } from "./App"; import "./assets/styles/global.scss"; async function renderApp() { - // Add icons we want to use from FontAwesome - library.add(faGithub, faTwitter); if (process.env.NODE_ENV === "production") { sentryInit({