import { t } from "@lingui/macro"
import { DEFAULT_THEME } from "@mantine/core"
import { IconType } from "react-icons"
import { FaAt } from "react-icons/fa"
import { SiBuffer, SiFacebook, SiGmail, SiInstapaper, SiPocket, SiTumblr, SiTwitter } from "react-icons/si"
import { Category, Entry, SharingSettings } from "./types"

const categories: { [key: string]: Category } = {
    all: {
        id: "all",
        name: t`All`,
        expanded: false,
        children: [],
        feeds: [],
        position: 0,
    },
    starred: {
        id: "starred",
        name: t`Starred`,
        expanded: false,
        children: [],
        feeds: [],
        position: 1,
    },
}

const sharing: {
    [key in keyof SharingSettings]: {
        label: string
        icon: IconType
        color: `#${string}`
        url: (url: string, description: string) => string
    }
} = {
    email: {
        label: "Email",
        icon: FaAt,
        color: "#000000",
        url: (url, desc) => `mailto:?subject=${desc}&body=${url}`,
    },
    gmail: {
        label: "Gmail",
        icon: SiGmail,
        color: "#EA4335",
        url: (url, desc) => `https://mail.google.com/mail/?view=cm&fs=1&tf=1&source=mailto&su=${desc}&body=${url}`,
    },
    facebook: {
        label: "Facebook",
        icon: SiFacebook,
        color: "#1B74E4",
        url: url => `https://www.facebook.com/sharer/sharer.php?u=${url}`,
    },
    twitter: {
        label: "Twitter",
        icon: SiTwitter,
        color: "#1D9BF0",
        url: (url, desc) => `http://twitter.com/share?text=${desc}&url=${url}`,
    },
    tumblr: {
        label: "Tumblr",
        icon: SiTumblr,
        color: "#375672",
        url: (url, desc) => `http://www.tumblr.com/share/link?url=${url}&name=${desc}`,
    },
    pocket: {
        label: "Pocket",
        icon: SiPocket,
        color: "#EF4154",
        url: (url, desc) => `https://getpocket.com/save?url=${url}&title=${desc}`,
    },
    instapaper: {
        label: "Instapaper",
        icon: SiInstapaper,
        color: "#010101",
        url: (url, desc) => `https://www.instapaper.com/hello2?url=${url}&title=${desc}`,
    },
    buffer: {
        label: "Buffer",
        icon: SiBuffer,
        color: "#000000",
        url: (url, desc) => `https://bufferapp.com/add?url=${url}&text=${desc}`,
    },
}

export const Constants = {
    categories,
    sharing,
    layout: {
        mobileBreakpoint: DEFAULT_THEME.breakpoints.md,
        headerHeight: 60,
        sidebarWidth: 350,
        entryMaxWidth: 650,
        isTopVisible: (div: HTMLElement) => div.getBoundingClientRect().top >= Constants.layout.headerHeight,
        isBottomVisible: (div: HTMLElement) => div.getBoundingClientRect().bottom <= window.innerHeight,
    },
    dom: {
        mainScrollAreaId: "main-scroll-area-id",
        entryId: (entry: Entry) => `entry-id-${entry.id}`,
    },
    bitcoinWalletAddress: "1dymfUxqCWpyD7a6rQSqNy4rLVDBsAr5e",
}