Added attribution report page.

src/components/common/Empty.tsx

@@ -9,7 +9,14 @@ export function Empty({ message }: EmptyProps) {
   const { formatMessage, messages } = useMessages();
 
   return (
-    <Row color="muted" alignItems="center" justifyContent="center" width="100%" height="100%">
+    <Row
+      color="muted"
+      alignItems="center"
+      justifyContent="center"
+      width="100%"
+      height="100%"
+      minHeight="70px"
+    >
       {message || formatMessage(messages.noDataAvailable)}
     </Row>
   );

src/components/input/DateFilter.tsx

@@ -106,7 +106,7 @@ export function DateFilter({
         placeholder={formatMessage(labels.selectDate)}
         onChange={handleChange}
         renderValue={renderValue}
-        popoverProps={{ style: { width: 200 } }}
+        popoverProps={{ placement: 'top', style: { width: 200 } }}
       >
         {options.map(({ label, value, divider }: any) => {
           return (

src/components/messages.ts

@@ -323,7 +323,9 @@ export const labels = defineMessages({
   cohort: { id: 'label.cohort', defaultMessage: 'Cohort' },
   expand: { id: 'label.expand', defaultMessage: 'Expand' },
   remaining: { id: 'label.remaining', defaultMessage: 'Remaining' },
-  conversion: { id: 'label.converstion', defaultMessage: 'Conversion' },
+  conversion: { id: 'label.conversion', defaultMessage: 'Conversion' },
+  firstClick: { id: 'label.first-click', defaultMessage: 'First click' },
+  lastClick: { id: 'label.last-click', defaultMessage: 'Last click' },
 });
 
 export const messages = defineMessages({