\n \n {() => (\n \n \n \n \n {dropdownHeader !== undefined ? (\n handleClose(dropdownHeader)}\n className={classes.dropdownHeader}\n >\n {dropdownHeader}\n \n ) : null}\n {dropdownList.map((prop, key) => {\n if (prop.divider) {\n return (\n handleClose(\"divider\")}\n className={classes.dropdownDividerItem}\n />\n );\n }\n return (\n handleClose(prop)}\n className={dropdownItem}\n >\n {prop}\n \n );\n })}\n \n \n \n \n )}\n \n
\n );\n}\n\nCustomDropdown.defaultProps = {\n caret: true,\n hoverColor: \"primary\"\n};\n\nCustomDropdown.propTypes = {\n hoverColor: PropTypes.oneOf([\n \"black\",\n \"primary\",\n \"info\",\n \"success\",\n \"warning\",\n \"danger\",\n \"rose\"\n ]),\n buttonText: PropTypes.node,\n buttonIcon: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),\n dropdownList: PropTypes.array,\n buttonProps: PropTypes.object,\n dropup: PropTypes.bool,\n dropdownHeader: PropTypes.node,\n rtlActive: PropTypes.bool,\n caret: PropTypes.bool,\n left: PropTypes.bool,\n noLiPadding: PropTypes.bool,\n // function that retuns the selected item\n onClick: PropTypes.func\n};\n","const tooltipsStyle = {\n tooltip: {\n padding: \"10px 15px\",\n minWidth: \"130px\",\n color: \"#555555\",\n lineHeight: \"1.7em\",\n background: \"#FFFFFF\",\n border: \"none\",\n borderRadius: \"3px\",\n boxShadow:\n \"0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2)\",\n maxWidth: \"200px\",\n textAlign: \"center\",\n fontFamily: '\"Helvetica Neue\",Helvetica,Arial,sans-serif',\n fontSize: \"0.875em\",\n fontStyle: \"normal\",\n fontWeight: \"400\",\n textShadow: \"none\",\n textTransform: \"none\",\n letterSpacing: \"normal\",\n wordBreak: \"normal\",\n wordSpacing: \"normal\",\n wordWrap: \"normal\",\n whiteSpace: \"normal\",\n lineBreak: \"auto\"\n }\n};\n\nexport default tooltipsStyle;\n","import { defaultFont } from \"assets/jss/material-kit-react.js\";\n\nimport tooltip from \"assets/jss/material-kit-react/tooltipsStyle.js\";\n\nconst headerLinksStyle = theme => ({\n list: {\n ...defaultFont,\n fontSize: \"14px\",\n margin: 0,\n paddingLeft: \"0\",\n listStyle: \"none\",\n paddingTop: \"0\",\n paddingBottom: \"0\",\n color: \"inherit\"\n },\n listItem: {\n float: \"left\",\n color: \"inherit\",\n position: \"relative\",\n display: \"block\",\n width: \"auto\",\n margin: \"0\",\n padding: \"0\",\n [theme.breakpoints.down(\"sm\")]: {\n width: \"100%\",\n \"&:after\": {\n width: \"calc(100% - 30px)\",\n content: '\"\"',\n display: \"block\",\n height: \"1px\",\n marginLeft: \"15px\",\n backgroundColor: \"#e5e5e5\"\n }\n }\n },\n listItemText: {\n padding: \"0 !important\"\n },\n navLink: {\n color: \"inherit\",\n position: \"relative\",\n padding: \"0.9375rem\",\n fontWeight: \"400\",\n fontSize: \"12px\",\n textTransform: \"uppercase\",\n borderRadius: \"3px\",\n lineHeight: \"20px\",\n textDecoration: \"none\",\n margin: \"0px\",\n display: \"inline-flex\",\n \"&:hover,&:focus\": {\n color: \"inherit\",\n background: \"rgba(200, 200, 200, 0.2)\"\n },\n [theme.breakpoints.down(\"sm\")]: {\n width: \"calc(100% - 30px)\",\n marginLeft: \"15px\",\n marginBottom: \"8px\",\n marginTop: \"8px\",\n textAlign: \"left\",\n \"& > span:first-child\": {\n justifyContent: \"flex-start\"\n }\n }\n },\n notificationNavLink: {\n color: \"inherit\",\n padding: \"0.9375rem\",\n fontWeight: \"400\",\n fontSize: \"12px\",\n textTransform: \"uppercase\",\n lineHeight: \"20px\",\n textDecoration: \"none\",\n margin: \"0px\",\n display: \"inline-flex\",\n top: \"4px\"\n },\n registerNavLink: {\n top: \"3px\",\n position: \"relative\",\n fontWeight: \"400\",\n fontSize: \"12px\",\n textTransform: \"uppercase\",\n lineHeight: \"20px\",\n textDecoration: \"none\",\n margin: \"0px\",\n display: \"inline-flex\"\n },\n navLinkActive: {\n color: \"inherit\",\n backgroundColor: \"rgba(255, 255, 255, 0.1)\"\n },\n icons: {\n width: \"20px\",\n height: \"20px\",\n marginRight: \"3px\"\n },\n socialIcons: {\n position: \"relative\",\n fontSize: \"20px !important\",\n marginRight: \"4px\"\n },\n dropdownLink: {\n \"&,&:hover,&:focus\": {\n color: \"inherit\",\n textDecoration: \"none\",\n display: \"block\",\n padding: \"10px 20px\"\n }\n },\n ...tooltip,\n marginRight5: {\n marginRight: \"5px\"\n }\n});\n\nexport default headerLinksStyle;\n","/*eslint-disable*/\nimport React from \"react\";\nimport DeleteIcon from \"@material-ui/icons/Delete\";\nimport IconButton from \"@material-ui/core/IconButton\";\n// react components for routing our app without refresh\nimport { Link } from \"react-router-dom\";\n\n// @material-ui/core components\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport List from \"@material-ui/core/List\";\nimport ListItem from \"@material-ui/core/ListItem\";\nimport Tooltip from \"@material-ui/core/Tooltip\";\n\n// @material-ui/icons\nimport { Apps, CloudDownload, Info, Instagram } from \"@material-ui/icons\";\n\n// core components\nimport CustomDropdown from \"components/CustomDropdown/CustomDropdown.js\";\nimport Button from \"components/CustomButtons/Button.js\";\n\nimport styles from \"assets/jss/material-kit-react/components/headerLinksStyle.js\";\n\nconst useStyles = makeStyles(styles);\n\nexport default function RTHeaderLinks(props) {\n const classes = useStyles();\n return (\n \n \n \n {icon}\n {buttonText !== undefined ? buttonText : null}\n {caret ? : null}\n \n
\n - \n
\n \n {tabs.map((prop, key) => {\n return (\n
\n );\n return horizontal !== undefined ? (\n \n {prop.tabContent}\n
\n );\n })}\n \n \n {tabButtons}\n {tabContent}\n
\n );\n}\n\nNavPills.defaultProps = {\n active: 0,\n color: \"primary\"\n};\n\nNavPills.propTypes = {\n // index of the default active pill\n active: PropTypes.number,\n tabs: PropTypes.arrayOf(\n PropTypes.shape({\n tabButton: PropTypes.string,\n tabIcon: PropTypes.object,\n tabContent: PropTypes.node\n })\n ).isRequired,\n color: PropTypes.oneOf([\n \"primary\",\n \"warning\",\n \"danger\",\n \"success\",\n \"info\",\n \"rose\"\n ]),\n direction: PropTypes.string,\n horizontal: PropTypes.shape({\n tabsGrid: PropTypes.object,\n contentGrid: PropTypes.object\n }),\n alignCenter: PropTypes.bool\n};\n","const cardStyle = {\n card: {\n border: \"0\",\n marginBottom: \"30px\",\n marginTop: \"30px\",\n borderRadius: \"6px\",\n color: \"rgba(0, 0, 0, 0.87)\",\n background: \"#fff\",\n width: \"100%\",\n boxShadow:\n \"0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12)\",\n position: \"relative\",\n display: \"flex\",\n flexDirection: \"column\",\n minWidth: \"0\",\n wordWrap: \"break-word\",\n fontSize: \".875rem\",\n transition: \"all 300ms linear\"\n },\n cardPlain: {\n background: \"transparent\",\n boxShadow: \"none\"\n },\n cardCarousel: {\n overflow: \"hidden\"\n }\n};\n\nexport default cardStyle;\n","import React from \"react\";\n// nodejs library that concatenates classes\nimport classNames from \"classnames\";\n// nodejs library to set properties for components\nimport PropTypes from \"prop-types\";\n// @material-ui/core components\nimport { makeStyles } from \"@material-ui/core/styles\";\n// @material-ui/icons\n\n// core components\nimport styles from \"assets/jss/material-kit-react/components/cardStyle.js\";\n\nconst useStyles = makeStyles(styles);\n\nexport default function Card(props) {\n const classes = useStyles();\n const { className, children, plain, carousel, ...rest } = props;\n const cardClasses = classNames({\n [classes.card]: true,\n [classes.cardPlain]: plain,\n [classes.cardCarousel]: carousel,\n [className]: className !== undefined\n });\n return (\n \n {children}\n
\n );\n}\n\nCard.propTypes = {\n className: PropTypes.string,\n plain: PropTypes.bool,\n carousel: PropTypes.bool,\n children: PropTypes.node\n};\n","import React from 'react';\r\n// react component for creating beautiful carousel\r\nimport Carousel from \"react-slick\";\r\n// material-ui components\r\n// @material-ui/icons\r\nimport LocationOn from \"@material-ui/icons/LocationOn\";\r\n// core components\r\nimport Card from \"components/Card/Card.js\";\r\n\r\nimport mmuImage1 from \"assets/img/mmu_johndalton.jpg\";\r\nimport mmuImage2 from \"assets/img/mmu_allsaints.jpg\";\r\nimport mmuImage3 from \"assets/img/Eddie.jpg\";\r\n\r\nimport firebrandImage from \"assets/img/firebrand.JPG\";\r\nimport firebrandImage2 from \"assets/img/firebrand2.JPG\";\r\nimport firebrandImage3 from \"assets/img/firebrand3.JPG\";\r\n\r\nexport default class Education extends React.Component {\r\n render() {\r\n const settings = {\r\n dots: true,\r\n infinite: true,\r\n speed: 500,\r\n slidesToShow: 1,\r\n slidesToScroll: 1,\r\n autoplay: true\r\n };\r\n return (\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n }\r\n","import React from 'react';\r\n// react component for creating beautiful carousel\r\nimport Carousel from \"react-slick\";\r\n// material-ui components\r\n\r\n// core components\r\nimport Card from \"components/Card/Card.js\";\r\n\r\nimport crmcsImage from \"assets/img/crmcs.jpg\";\r\nimport crmcsImage1 from \"assets/img/crmcs1.jpg\";\r\nimport crmcsImage2 from \"assets/img/crmcs2.jpg\";\r\n\r\nclass Profile extends React.Component {\r\n render(){\r\n const settings = {\r\n dots: true,\r\n infinite: true,\r\n speed: 500,\r\n slidesToShow: 1,\r\n slidesToScroll: 1,\r\n autoplay: true\r\n };\r\n return (\r\nManchester Metropolitan University
\r\nBSc(Hons) Software Engineering
\r\nAttended from 2011 to 2014
\r\nThe dissertation was part of a group project that focused on the implementation of the {\" \"}\r\n Microsoft Robotics Platform. \r\n My role involved the research and development of the Obstacle Avoidance and Pathfinding algorithm, the focus of which was the {\" \"}\r\n Dijkstra's Shortest Path algorithm.\r\n
\r\n\r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n Microsoft Certifications
\r\nMB2-715 Microsoft Dynamics 365 CE Online Deployment
\r\nOn February 2018, I attended on site training at the Firebrand training centre situated near Wyboston Lakes and was taught by Richard Major.
\r\nMB2-707 Microsoft Dynamics CRM Customization and Configuration and MB2-701 Extending Dynamics CRM 2013
\r\nOn April 2016, I travelled to Sweden to attend the Dynamics training at the Firebrand Nordic centre and was taught by Julian Sharp.
\r\n\r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Break during the Dynamics Customisation Course\r\n
\r\n\r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n );\r\n }\r\n }\r\n export default Profile;","import React from 'react';\r\n// import core components\r\nimport Carousel from \"react-slick\";\r\nimport Card from \"components/Card/Card.js\";\r\n\r\nimport pc from \"assets/img/pc.JPG\";\r\nimport pc2 from \"assets/img/pc2.jpg\";\r\nimport pc3 from \"assets/img/pc3.jpg\";\r\nimport tech from \"assets/img/tech.jpg\";\r\n\r\nimport cycling from \"assets/img/cycling.jpg\";\r\nimport cycling1 from \"assets/img/cycling2.jpg\";\r\nimport cycling4 from \"assets/img/cycling5.jpg\";\r\n\r\nimport gym from \"assets/img/gym.png\";\r\nimport gym2 from \"assets/img/gym2.png\";\r\nimport food from \"assets/img/mealprep.png\";\r\n\r\nexport default class Hobbies extends React.Component {\r\n render() {\r\n const settings = {\r\n dots: true,\r\n infinite: true,\r\n speed: 500,\r\n slidesToShow: 1,\r\n slidesToScroll: 1,\r\n autoplay: true\r\n };\r\n return (\r\n CRMCS
\r\nDynamics 365 Developer
\r\nJune 2015 to Present
\r\n- \r\n
- • Extend the functionality of Dynamics using C#, JavaScript and HTML in conjunction with \"out of the box\" tools such as; Workflows, Business Rules, Sql Server Reporting Services (SSRS), Entity and Form customisation. \r\n
- • Perform in a client-facing function for the entirety of the business process lifecycle: \r\n
- - Capture requirements for new and existing processes. \r\n
- - Implementation using the most viable approach to achieve the particular aims in a timely manner. \r\n
- - Supply regular milestone updates through deliverable updates and video conference calls. \r\n
- - Create training documentation in order to enable the users to utilize the process effectively in a manner that meets the client's expectations. \r\n
- - Maintaining (break/fix) or extending the current process as the needs of the client change over time. \r\n
- • Support the development of bespoke applications for Dynamics. \r\n
- • Manage change using Agile methodology and experience of the Waterfall model. \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n }\r\n","const imagesStyles = {\n imgFluid: {\n maxWidth: \"100%\",\n height: \"auto\"\n },\n imgRounded: {\n borderRadius: \"6px !important\"\n },\n imgRoundedCircle: {\n borderRadius: \"50% !important\"\n },\n imgRaised: {\n boxShadow:\n \"0 5px 15px -8px rgba(0, 0, 0, 0.24), 0 8px 10px -5px rgba(0, 0, 0, 0.2)\"\n },\n imgGallery: {\n width: \"100%\",\n marginBottom: \"2.142rem\"\n },\n imgCardTop: {\n width: \"100%\",\n borderTopLeftRadius: \"calc(.25rem - 1px)\",\n borderTopRightRadius: \"calc(.25rem - 1px)\"\n },\n imgCardBottom: {\n width: \"100%\",\n borderBottomLeftRadius: \"calc(.25rem - 1px)\",\n borderBottomRightRadius: \"calc(.25rem - 1px)\"\n },\n imgCard: {\n width: \"100%\",\n borderRadius: \"calc(.25rem - 1px)\"\n },\n imgCardOverlay: {\n position: \"absolute\",\n top: \"0\",\n right: \"0\",\n bottom: \"0\",\n left: \"0\",\n padding: \"1.25rem\"\n }\n};\n\nexport default imagesStyles;\n","import { container, title } from \"assets/jss/material-kit-react.js\";\n\nimport imagesStyle from \"assets/jss/material-kit-react/imagesStyles.js\";\n\nconst profilePageStyle = {\n container,\n profile: {\n textAlign: \"center\",\n \"& img\": {\n maxWidth: \"160px\",\n width: \"100%\",\n margin: \"0 auto\",\n transform: \"translate3d(0, -50%, 0)\"\n }\n },\n description: {\n margin: \"1.071rem auto 0\",\n maxWidth: \"600px\",\n color: \"#999\",\n textAlign: \"center !important\",\n \"& dd\": {\n textAlign: \"left\"\n },\n \"& dt\": {\n textAlign: \"left\"\n }\n },\n name: {\n marginTop: \"-80px\"\n },\n ...imagesStyle,\n main: {\n background: \"#FFFFFF\",\n position: \"relative\",\n zIndex: \"3\"\n },\n mainRaised: {\n margin: \"-60px 30px 0px\",\n borderRadius: \"6px\",\n boxShadow:\n \"0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2)\"\n },\n title: {\n ...title,\n display: \"inline-block\",\n position: \"relative\",\n marginTop: \"30px\",\n minHeight: \"32px\",\n textDecoration: \"none\"\n },\n subtitle: {\n display: \"inline-block\",\n position: \"relative\",\n marginTop: \"10px\",\n minHeight: \"36px\",\n textDecoration: \"none\",\n color: \"#999\"\n },\n socials: {\n marginTop: \"0\",\n width: \"100%\",\n transform: \"none\",\n left: \"0\",\n top: \"0\",\n height: \"100%\",\n lineHeight: \"41px\",\n fontSize: \"20px\",\n color: \"#00bcd4\"\n },\n navWrapper: {\n margin: \"20px auto 50px auto\",\n textAlign: \"center\"\n }\n};\n\nexport default profilePageStyle;\n","import React from \"react\";\n// nodejs library that concatenates classes\nimport classNames from \"classnames\";\n// @material-ui/core components\nimport { makeStyles } from \"@material-ui/core/styles\";\n// @material-ui/icons\nimport WorkIcon from \"@material-ui/icons/Work\";\nimport School from \"@material-ui/icons/School\";\nimport Favorite from \"@material-ui/icons/Favorite\";\n// core components\nimport GridContainer from \"components/Grid/GridContainer.js\";\nimport GridItem from \"components/Grid/GridItem.js\";\nimport NavPills from \"components/NavPills/NavPills.js\";\nimport Education from \"components/Profile/Education.js\";\nimport Work from \"components/Profile/Work.js\";\nimport Hobbies from \"components/Profile/Hobbies.js\";\n\nimport profile from \"assets/img/profile.png\";\n\nimport styles from \"assets/jss/material-kit-react/views/profilePage.js\";\n\nconst useStyles = makeStyles(styles);\n\nexport default function AboutSection(props) {\n const classes = useStyles();\n const { ...rest } = props;\n const imageClasses = classNames(\n classes.imgRaised,\n classes.imgRoundedCircle,\n classes.imgFluid\n );\n const navImageClasses = classNames(classes.imgRounded, classes.imgGallery);\n return (\n Technology
\r\nI thoroughly enjoy building computers and following the industry to keep up to date on the latest advancements.
\r\n\r\n
\r\n \r\n
\r\n \r\n My computer\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n An older computer of mine, but love this photo!\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n A computer I built for a friend\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n Working with television components of old\r\n
\r\nCycling
\r\nLove getting out on the bike when the weather permits for either Mountain or Road cycling.
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n Weightlifting
\r\n\r\n
\r\n \r\n
\r\n \r\n The dream, an empty gym!\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n Close grip bench press\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n Meal prep\r\n
\r\n\n \n \n \n \n \n \n \n
\n )\n },\n {\n tabButton: \"Education\",\n tabIcon: School,\n tabContent: (\n \n
\n \n 
\n
\n \n
\n Matthew Rhodes
\nSoftware Engineer
\n\n
\n \n I am a software engineer based in Manchester, UK with over five years in the field. I specialise in .NET technologies, Dynamics 365 CRM, Azure and system integration. \n I have always been fascinated by software and technology since the age of 7 when my father taught me how to build computers and write simple programs using Visual Basic 6.\n
\n \n
\n )\n },\n {\n tabButton: \"Interests\",\n tabIcon: Favorite,\n tabContent: (\n \n \n \n \n \n
\n \n );\n}\n","import React from \"react\";\n// @material-ui/core components\nimport { makeStyles } from \"@material-ui/core/styles\";\n\n// core components\nimport GridContainer from \"components/Grid/GridContainer.js\";\nimport GridItem from \"components/Grid/GridItem.js\";\nimport Button from \"components/CustomButtons/Button.js\";\n\nimport styles from \"assets/jss/material-kit-react/views/landingPageSections/productStyle.js\";\n\nconst useStyles = makeStyles(styles);\n\nexport default function ConnectSection() {\n const classes = useStyles();\n return (\n \n Portfolio
\n\n I have a series of desktop applications and Dynamics 365 tools in the pipeline for release, so be sure to check back soon to view a list of my open source projects.
\n\n {/* \n \n \n \n \n \n \n */}\n
\n \n \n \n \n \n
\n \n );\n}\n","import React from \"react\";\r\n// nodejs library that concatenates classes\r\nimport classNames from \"classnames\";\r\n// @material-ui/core components\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\n\r\n// @material-ui/icons\r\n\r\n// core components\r\nimport RTHeader from \"components/Header/RTHeader.js\";\r\nimport RTFooter from \"components/Footer/RTFooter.js\";\r\nimport GridContainer from \"components/Grid/GridContainer.js\";\r\nimport GridItem from \"components/Grid/GridItem.js\";\r\nimport Parallax from \"components/Parallax/Parallax.js\";\r\nimport Video from \"components/Video/Video.js\";\r\nimport RTHeaderLinks from \"components/Header/RTHeaderLinks.js\";\r\n\r\nimport styles from \"assets/jss/material-kit-react/views/landingPage.js\";\r\n\r\n// Sections for this page\r\nimport AboutSection from \"./Sections/AboutSection.js\";\r\nimport PortfolioSection from \"./Sections/PortfolioSection.js\";\r\nimport ConnectSection from \"./Sections/ConnectSection.js\";\r\n\r\nconst dashboardRoutes = [];\r\n\r\nconst useStyles = makeStyles(styles);\r\n\r\nexport default function HomePage(props) {\r\n const classes = useStyles();\r\n const { ...rest } = props;\r\n return (\r\n Connect
\n\n Please connect with me on social media, as I am always looking to expand my network for new and refreshing ideas!\n
\n\n \n \n \n \n \n
\n \r\n \r\n \r\n \r\n
\r\n );\r\n}\r\n","import React from 'react';\r\nimport '../LinkItem/LinkItem.css';\r\n\r\nclass LinkItem extends React.Component {\r\n render() {\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n 
\r\n \r\n
\r\n \r\n );\r\n }\r\n }\r\n export default LinkItem;","import React from 'react';\r\n\r\nexport default class Profile extends React.Component {\r\n render() {\r\n const style = {\r\n marginTop: \"10px\",\r\n marginBottom: \"20px\",\r\n height: \"150px\",\r\n width: \"130px\",\r\n border: \"2px solid white\",\r\n borderRadius: \"50%\"\r\n };\r\n\r\n return (\r\n \r\n
\r\n );\r\n}\r\n\r\nexport default LinksPage;","import React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { createBrowserHistory } from \"history\";\nimport { Router, Route, Switch } from \"react-router-dom\";\n\nimport \"assets/scss/material-kit-react.scss?v=1.9.0\";\n\n// pages for this product\nimport HomePage from \"views/HomePage/HomePage.js\";\nimport Links from \"views/LinksPage/LinksPage.js\";\nimport DefaultPage from \"views/DefaultPage/DefaultPage.js\";\n\nvar hist = createBrowserHistory();\n\nReactDOM.render(\n \r\n
\r\n