- href rules

Author: Manu

src/components/FixedPlugin/FixedPlugin.jsx

@@ -149,7 +149,7 @@ class FixedPlugin extends Component {
               <div className="button-container">
                 <Button
                   color="success"
-                  href="https://www.creative-tim.com/product/material-dashboard-react"
+                  href="https://www.creative-tim.com/product/material-dashboard-react?ref=mdr-fixed-plugin"
                   target="_blank"
                   fullWidth
                 >
@@ -161,7 +161,7 @@ class FixedPlugin extends Component {
               <div className="button-container">
                 <Button
                   color="warning"
-                  href="https://www.creative-tim.com/product/material-dashboard-pro-react"
+                  href="https://www.creative-tim.com/product/material-dashboard-pro-react?ref=mdr-fixed-plugin"
                   target="_blank"
                   fullWidth
                 >
@@ -173,7 +173,7 @@ class FixedPlugin extends Component {
               <Button
                 color="info"
                 fullWidth
-                href="https://demos.creative-tim.com/material-dashboard-react/#/documentation/tutorial"
+                href="https://demos.creative-tim.com/material-dashboard-react/#/documentation/tutorial?ref=mdr-fixed-plugin"
                 target="_blank"
               >
                 Documentation
@@ -192,7 +192,7 @@ FixedPlugin.propTypes = {
   handleFixedClick: PropTypes.func,
   rtlActive: PropTypes.bool,
   fixedClasses: PropTypes.string,
-  bgColor: PropTypes.oneOf(["primary", "info", "success", "warning", "danger"]),
+  bgColor: PropTypes.oneOf(["purple", "blue", "green", "orange", "red"]),
   handleColorClick: PropTypes.func,
   handleImageClick: PropTypes.func
 };

src/components/Footer/Footer.jsx

@@ -1,3 +1,4 @@
+/*eslint-disable*/
 import React from "react";
 import PropTypes from "prop-types";
 // @material-ui/core components
@@ -39,7 +40,7 @@ function Footer({ ...props }) {
         <p className={classes.right}>
           <span>
             &copy; {1900 + new Date().getYear()}{" "}
-            <a href="https://www.creative-tim.com" className={classes.a}>
+            <a href="https://www.creative-tim.com?ref=mdr-footer" target="_blank" className={classes.a}>
               Creative Tim
             </a>
             , made with love for a better web

src/components/Sidebar/Sidebar.jsx

@@ -1,3 +1,4 @@
+/*eslint-disable*/
 import React from "react";
 import classNames from "classnames";
 import PropTypes from "prop-types";
@@ -79,10 +80,11 @@ const Sidebar = ({ ...props }) => {
   var brand = (
     <div className={classes.logo}>
       <a
-        href="https://www.creative-tim.com"
+        href="https://www.creative-tim.com?ref=mdr-sidebar"
         className={classNames(classes.logoLink, {
           [classes.logoLinkRTL]: props.rtlActive
         })}
+        target="_blank"
       >
         <div className={classes.logoImage}>
           <img src={logo} alt="logo" className={classes.img} />
@@ -150,7 +152,7 @@ Sidebar.propTypes = {
   classes: PropTypes.object.isRequired,
   rtlActive: PropTypes.bool,
   handleDrawerToggle: PropTypes.func,
-  color: PropTypes.oneOf(["primary", "info", "success", "warning", "danger"]),
+  bgColor: PropTypes.oneOf(["purple", "blue", "green", "orange", "red"]),
   logo: PropTypes.string,
   image: PropTypes.string,
   logoText: PropTypes.string,

src/views/Icons/Icons.jsx

@@ -1,3 +1,4 @@
+/*eslint-disable*/
 import React from "react";
 // nodejs library to set properties for components
 import PropTypes from "prop-types";
@@ -24,9 +25,8 @@ function Icons(props) {
             <p className={classes.cardCategoryWhite}>
               Handcrafted by our friends from{" "}
               <a
-                href="https://design.google.com/icons/"
+                href="https://design.google.com/icons/?ref=creativetime"
                 target="_blank"
-                rel="noopener noreferrer"
               >
                 Google
               </a>
@@ -49,9 +49,8 @@ function Icons(props) {
                   the iframe is not working on Mobile and Tablets please visit
                   the icons on their original page on Google. Check the
                   <a
-                    href="https://design.google.com/icons/"
+                    href="https://design.google.com/icons/?ref=creativetime"
                     target="_blank"
-                    rel="noopener noreferrer"
                   >
                     Material Icons
                   </a>

src/views/Notifications/Notifications.jsx

@@ -85,11 +85,11 @@ class Notifications extends React.Component {
           <h4 className={classes.cardTitleWhite}>Notifications</h4>
           <p className={classes.cardCategoryWhite}>
             Handcrafted by our friends from{" "}
-            <a target="_blank" href="https://material-ui-next.com/">
+            <a target="_blank" href="https://material-ui-next.com/?ref=creativetime">
               Material UI
             </a>{" "}
             and styled by{" "}
-            <a target="_blank" href="https://www.creative-tim.com/">
+            <a target="_blank" href="https://www.creative-tim.com/?ref=mdr-notifications-page">
               Creative Tim
             </a>
             . Please checkout the{" "}

src/views/RTLPage/RTLPage.jsx

@@ -302,11 +302,11 @@ class RTLPage extends React.Component {
                 <h4 className={classes.cardTitleWhite}>اعلان ها</h4>
                 <p className={classes.cardCategoryWhite}>
                   يدويا من قبل أصدقائنا من{" "}
-                  <a target="_blank" href="https://material-ui-next.com/">
+                  <a target="_blank" href="https://material-ui-next.com/?ref=creativetime">
                     واجهة المستخدم المادية
                   </a>{" "}
                   ونصب من قبل{" "}
-                  <a target="_blank" href="https://www.creative-tim.com/">
+                  <a target="_blank" href="https://www.creative-tim.com/?ref=mdr-rtl-page">
                     الإبداعية تيم
                   </a>
                   . يرجى التحقق من{" "}

src/views/UpgradeToPro/UpgradeToPro.jsx

@@ -195,7 +195,7 @@ function UpgradeToPro(props) {
                       <Button
                         round
                         color="danger"
-                        href="https://www.creative-tim.com/product/material-dashboard-pro-react?ref=md-free-react-upgrade-live"
+                        href="https://www.creative-tim.com/product/material-dashboard-pro-react?ref=mdr-upgrade-live"
                       >
                         Upgrade to Pro
                       </Button>