1811 - fixed link color on main page

Author: vaske

src/assets/styles/global-variables.scss

@@ -69,5 +69,6 @@ $gray-1: rgba(154, 169, 181, 1);
 $gray-2: rgba(191, 203, 213, 1);
 $gray-border-2: 1px solid $gray-2;
 $banner-background: #d5d8ba;
+$blue-link: #1977ca;
 
 $notifications-hover-white: rgba(233, 238, 244, 1);

src/components/Dao/DaoLandingPage.scss

@@ -49,6 +49,14 @@
     div {
       margin-bottom: 16px;
     }
+    a {
+      color: $blue-link;
+      &:hover,
+      &:focus,
+      &:active {
+        color: $blue-link;
+      }
+    }
   }
 
   .wallContainer {

src/components/Dao/DaoLandingPage.tsx

@@ -16,7 +16,6 @@ type IExternalProps = {
 type IProps = IExternalProps;
 
 export default class DaoLandingPage extends React.Component<IProps, null> {
-
   private disqusConfig = { url: "", identifier: "", title: "" };
 
   public componentDidMount() {
@@ -28,30 +27,44 @@ export default class DaoLandingPage extends React.Component<IProps, null> {
   }
 
   private handleEditContent = () => {
-    showSimpleMessage(
-      {
-        title: "Edit Home Page",
-        body:
-          <>
-            <div>Editing the content on this DAO’s home page will soon be possible via proposal. Stay tuned!</div>
-            <div>For now, if you need a change made to a DAO’s home page content, please contact us at <a href="https://[email protected]" target="_blank" rel="noopener noreferrer">[email protected]</a></div>
-          </>,
-      }
-    );
-  }
+    showSimpleMessage({
+      title: "Edit Home Page",
+      body: (
+        <>
+          <div>
+            Editing the content on this DAO’s home page will soon be possible
+            via proposal. Stay tuned!
+          </div>
+          <div>
+            For now, if you need a change made to a DAO’s home page content,
+            please contact us at{" "}
+            <a
+              href="https://[email protected]"
+              target="_blank"
+              rel="noopener noreferrer"
+            >
+              [email protected]
+            </a>
+          </div>
+        </>
+      ),
+    });
+  };
 
   public render() {
     const daoState = this.props.daoState;
-    const customData = customDaoInfo[targetedNetwork()]?.[daoState.id.toLowerCase()];
+    const customData =
+      customDaoInfo[targetedNetwork()]?.[daoState.id.toLowerCase()];
 
     this.disqusConfig.url = `${process.env.BASE_URL}/dao/${this.props.daoState.address}/discussion`;
     this.disqusConfig.identifier = this.props.daoState.address;
     this.disqusConfig.title = "Discuss " + this.props.daoState.name;
 
     return (
       <div className={css.landingPage}>
-
-        <BreadcrumbsItem to={"/dao/" + daoState.address}>{daoState.name}</BreadcrumbsItem>
+        <BreadcrumbsItem to={"/dao/" + daoState.address}>
+          {daoState.name}
+        </BreadcrumbsItem>
 
         <div className={css.infoContainer}>
           <div className={css.titleContainer}>
@@ -63,20 +76,28 @@ export default class DaoLandingPage extends React.Component<IProps, null> {
             </div>
           </div>
 
-          {customData ?
+          {customData ? (
             <>{customData}</>
-            :
+          ) : (
             <>
-              <div>Welcome to {daoState.name}, a decentralized organization built on DAOstack.</div>
-              <div>Visit the <Link to={`/dao/${daoState.id}/schemes/`}>Proposals page</Link> to
-                make a proposal to the DAO or vote on existing proposals.</div>
+              <div>
+                Welcome to {daoState.name}, a decentralized organization built
+                on DAOstack.
+              </div>
+              <div>
+                Visit the{" "}
+                <Link to={`/dao/${daoState.id}/schemes/`}>Proposals page</Link>{" "}
+                to make a proposal to the DAO or vote on existing proposals.
+              </div>
             </>
-          }
-
+          )}
         </div>
         <div className={css.wallContainer}>
           <div className={css.headerText}>Discuss {daoState.name}</div>
-          <DiscussionEmbed shortname={process.env.DISQUS_SITE} config={this.disqusConfig} />
+          <DiscussionEmbed
+            shortname={process.env.DISQUS_SITE}
+            config={this.disqusConfig}
+          />
         </div>
       </div>
     );