Goals components. Removed some completed reports.

src/components/common/EmptyPlaceholder.tsx

@@ -10,10 +10,10 @@ export interface EmptyPlaceholderProps {
 export function EmptyPlaceholder({ message, children }: EmptyPlaceholderProps) {
   return (
     <Column alignItems="center" justifyContent="center" gap="5" height="100%" width="100%">
-      <Icon size="xl">
+      <Icon size="xl" fillColor="3" strokeColor="3">
         <Icons.Logo />
       </Icon>
-      <Text size="lg">{message}</Text>
+      <Text>{message}</Text>
       <div>{children}</div>
     </Column>
   );

src/components/common/SectionHeader.tsx

@@ -7,7 +7,7 @@ export function SectionHeader({
   icon,
   children,
 }: {
-  title: string;
+  title?: string;
   description?: string;
   icon?: ReactNode;
   allowEdit?: boolean;

src/components/hooks/queries/useRevenueQuery.ts

@@ -2,7 +2,7 @@ import { useApi } from '../useApi';
 import { useFilterParams } from '../useFilterParams';
 import { UseQueryOptions } from '@tanstack/react-query';
 
-interface RevenueData {
+export interface RevenueData {
   chart: any[];
   country: any[];
   total: {

src/components/input/LanguageButton.tsx

@@ -25,7 +25,7 @@ export function LanguageButton() {
               return (
                 <Button key={value} variant="quiet" onPress={() => handleSelect(value)}>
                   <Text
-                    weight={value === locale ? 'bold' : 'normal'}
+                    weight={value === locale ? 'bold' : 'medium'}
                     color={value === locale ? undefined : 'muted'}
                   >
                     {label}

src/components/input/TeamsButton.tsx

@@ -52,7 +52,7 @@ export function TeamsButton({
         </Row>
       </Button>
       <Popover placement="bottom start">
-        <Box minWidth={300}>
+        <Box minWidth="300px">
           <Menu
             selectionMode="single"
             selectedKeys={selectedKeys}

src/components/input/WebsiteDateFilter.tsx

@@ -19,7 +19,7 @@ export function WebsiteDateFilter({
   websiteId,
   showAllTime = true,
   showButtons = true,
-  allowCompare = true,
+  allowCompare,
 }: {
   websiteId: string;
   compare?: string;

src/components/messages.ts

@@ -89,6 +89,7 @@ export const labels = defineMessages({
   deleteTeam: { id: 'label.delete-team', defaultMessage: 'Delete team' },
   leaveTeam: { id: 'label.leave-team', defaultMessage: 'Leave team' },
   refresh: { id: 'label.refresh', defaultMessage: 'Refresh' },
+  page: { id: 'label.page', defaultMessage: 'Page' },
   pages: { id: 'label.pages', defaultMessage: 'Pages' },
   entry: { id: 'label.entry', defaultMessage: 'Entry path' },
   exit: { id: 'label.exit', defaultMessage: 'Exit path' },
@@ -274,6 +275,7 @@ export const labels = defineMessages({
   addStep: { id: 'label.add-step', defaultMessage: 'Add step' },
   goal: { id: 'label.goal', defaultMessage: 'Goal' },
   goals: { id: 'label.goals', defaultMessage: 'Goals' },
+  addGoal: { id: 'label.add-goal', defaultMessage: 'Add Goal' },
   goalsDescription: {
     id: 'label.goals-description',
     defaultMessage: 'Track your goals for pageviews and events.',