add ReactGA event for full range (#2181)

src/components/RangeSelector/PresetsButtons.tsx

@@ -4,6 +4,7 @@ import { AutoRow } from 'components/Row'
 import { TYPE } from 'theme'
 import styled from 'styled-components/macro'
 import { Trans } from '@lingui/macro'
+import ReactGA from 'react-ga'
 
 const Button = styled(ButtonOutlined).attrs(() => ({
   padding: '8px',
@@ -16,7 +17,15 @@ const Button = styled(ButtonOutlined).attrs(() => ({
 export default function PresetsButtons({ setFullRange }: { setFullRange: () => void }) {
   return (
     <AutoRow gap="4px" width="auto">
-      <Button onClick={() => setFullRange()}>
+      <Button
+        onClick={() => {
+          setFullRange()
+          ReactGA.event({
+            category: 'Liquidity',
+            action: 'Full Range Clicked',
+          })
+        }}
+      >
         <TYPE.body fontSize={12}>
           <Trans>Full Range</Trans>
         </TYPE.body>