Removed prop-types.

components/common/EventDataButton.js

@@ -1,5 +1,4 @@
 import EventDataForm from 'components/metrics/EventDataForm';
-import PropTypes from 'prop-types';
 import { useState } from 'react';
 import { Button, Icon, Modal, Icons } from 'react-basics';
 import { FormattedMessage } from 'react-intl';
@@ -44,8 +43,4 @@ function EventDataButton({ websiteId }) {
   );
 }
 
-EventDataButton.propTypes = {
-  websiteId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-};
-
 export default EventDataButton;

components/common/Favicon.js

@@ -1,4 +1,3 @@
-import PropTypes from 'prop-types';
 import styles from './Favicon.module.css';
 
 function getHostName(url) {
@@ -20,8 +19,4 @@ function Favicon({ domain, ...props }) {
   ) : null;
 }
 
-Favicon.propTypes = {
-  domain: PropTypes.string,
-};
-
 export default Favicon;

components/common/NoData.js

@@ -1,4 +1,3 @@
-import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { FormattedMessage } from 'react-intl';
 import styles from './NoData.module.css';
@@ -11,8 +10,4 @@ function NoData({ className }) {
   );
 }
 
-NoData.propTypes = {
-  className: PropTypes.string,
-};
-
 export default NoData;

components/common/OverflowText.js

@@ -1,4 +1,3 @@
-import PropTypes from 'prop-types';
 import { useCallback, useEffect, useRef, useState } from 'react';
 import ReactTooltip from 'react-tooltip';
 
@@ -58,9 +57,4 @@ const OverflowText = ({ children, tooltipId }) => {
   );
 };
 
-OverflowText.propTypes = {
-  children: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
-  tooltipId: PropTypes.string.isRequired,
-};
-
 export default OverflowText;

components/common/Tag.js

@@ -1,4 +1,3 @@
-import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import styles from './Tag.module.css';
 
@@ -6,9 +5,4 @@ function Tag({ className, children }) {
   return <span className={classNames(styles.tag, className)}>{children}</span>;
 }
 
-Tag.propTypes = {
-  className: PropTypes.string,
-  children: PropTypes.node,
-};
-
 export default Tag;

components/common/WorldMap.js

@@ -1,6 +1,5 @@
 import { useState, useMemo } from 'react';
 import { useRouter } from 'next/router';
-import PropTypes from 'prop-types';
 import ReactTooltip from 'react-tooltip';
 import { ComposableMap, Geographies, Geography, ZoomableGroup } from 'react-simple-maps';
 import classNames from 'classnames';
@@ -89,15 +88,4 @@ function WorldMap({ data, className }) {
   );
 }
 
-WorldMap.propTypes = {
-  data: PropTypes.arrayOf(
-    PropTypes.shape({
-      x: PropTypes.string,
-      y: PropTypes.number,
-      z: PropTypes.number,
-    }),
-  ),
-  className: PropTypes.string,
-};
-
 export default WorldMap;

components/pages/websites/WebsiteMenuView.js

@@ -1,6 +1,7 @@
 import { Row, Column, Menu, Item, Icon, Button } from 'react-basics';
 import { useIntl } from 'react-intl';
 import Link from 'next/link';
+import classNames from 'classnames';
 import BrowsersTable from 'components/metrics/BrowsersTable';
 import CountriesTable from 'components/metrics/CountriesTable';
 import DevicesTable from 'components/metrics/DevicesTable';
@@ -83,7 +84,7 @@ export default function WebsiteMenuView({ websiteId, websiteDomain }) {
 
   return (
     <Row className={styles.row}>
-      <Column defaultSize={3} className={styles.col}>
+      <Column defaultSize={3} className={classNames(styles.col, styles.menu)}>
         <Button>
           <Icon rotate={180}>
             <Icons.ArrowRight />

components/pages/websites/WebsiteMenuView.module.css

@@ -11,3 +11,12 @@
   padding-left: 0;
   border-left: 0;
 }
+
+.menu {
+  display: flex;
+  gap: 20px;
+}
+
+.menu a {
+  color: var(--font-color100);
+}

package.json

@@ -92,7 +92,6 @@
     "next-basics": "^0.26.0",
     "node-fetch": "^3.2.8",
     "npm-run-all": "^4.1.5",
-    "prop-types": "^15.7.2",
     "react": "^18.2.0",
     "react-basics": "^0.64.0",
     "react-beautiful-dnd": "^13.1.0",