(defaultNav)
10 |
11 | const viewChanger = (newView: pageIds) => {
12 |
13 | const selectedNav = (newView != undefined) ? newView : defaultNav;
14 | changeView(selectedNav);
15 | setStorageItem(localStorageSortName, selectedNav)
16 | }
17 |
18 | useEffect(() => {
19 | const getSortFromStorage = getStorageItem(localStorageSortName);
20 | changeView(getSortFromStorage ?? defaultNav);
21 | }, [])
22 |
23 | return {
24 | currentView,
25 | viewChanger
26 | }
27 |
28 |
29 | }
30 |
31 | const ViewRenderer = ({ currentView }: { currentView: pageIds }) => {
32 | const currentViewRender = () => {
33 | let view = There is a new update available! Click openLink(latestLink + '/tag/' + message)}>here to download {message}.
)
20 | }
21 |
22 | return {message}
23 | }
24 |
25 | const renderBanner = () => {
26 | if (show) {
27 | return (
28 |
35 | {returnBannerElement(type, message)}
36 | dispatch(updateBannerData({ show: false, message: '', type: '' }))} />
37 |
38 | )
39 | }
40 | }
41 |
42 | return (
43 | <>
44 | {renderBanner()}
45 |
46 | )
47 | }
48 |
49 | export default UpdateBanner;
--------------------------------------------------------------------------------
/src/app/Pages/Stats/Views/RiskMonitor.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { useAppSelector } from '@/app/redux/hooks';
3 |
4 | // material UI components
5 | import { Grid } from '@mui/material';
6 |
7 | // custom charts
8 | import { DealSoUtilizationBar, SoDistribution } from '@/app/Components/Charts/Bar/index'
9 | import SpeedometerDiv from '@/app/Pages/Stats/Components/SpeedometerDiv';
10 |
11 |
12 |
13 | const RiskMonitor = () => {
14 |
15 | const { activeDeals, metricsData } = useAppSelector(state => state.threeCommas);
16 | const defaultCurrency = useAppSelector(state => state.config.currentProfile.general.defaultCurrency);
17 |
18 | return (
19 | <>
20 |
21 |
25 |
26 |
27 |
28 |
33 |
34 |
36 |
37 |
39 | */}
40 |
41 |
42 |
updateAllData(1000, currentProfile, 'fullSync', handleClick)}
46 | disableElevation
47 | // startIcon={}
48 | style={style}
49 | >
50 |
51 |
18 |
Write mode:
19 |
20 |
21 |
22 | By activating the write mode, you will allow 3CPM to perform write operations on your 3CPM account. 3CPM will never perform any action without asking confirmation.
23 |
24 |
25 |
26 |
35 |
36 |
37 |
38 |
39 |
40 |
39 |
Account:
40 |
Start Date:
41 |
Filtered Currency:
42 |
6 |
7 |
8 |
11 |
12 |
13 |
14 |
17 |
18 |
19 |
20 |
22 |
23 |
24 |
25 |
27 |
28 |
29 |
30 |
33 |
34 |
35 |
36 |
39 |
40 |
41 |
42 | )
43 | }
44 |
45 |
46 | export default BotPlannerIcon;
--------------------------------------------------------------------------------
/src/app/Features/3Commas/DataQueries/accounts.ts:
--------------------------------------------------------------------------------
1 | import { Type_Query_Accounts } from '@/types/3Commas'
2 | import { getFiltersQueryString } from '@/app/Features/3Commas/queryString';
3 | import { Type_Profile } from '@/types/config'
4 |
5 | /**
6 | *
7 | * @param {string} defaultCurrency This is the default currency configured in settings and used as a filter
8 | * @returns
9 | */
10 | const getAccountDataFunction = async (profileData: Type_Profile) => {
11 | const filtersQueryString = await getFiltersQueryString(profileData);
12 | const { currencyString, accountIdString, currentProfileID } = filtersQueryString;
13 |
14 | const query = `
15 | SELECT
16 | *
17 | FROM
18 | accountData
19 | WHERE
20 | account_id IN ( ${accountIdString} )
21 | and currency_code IN ( ${currencyString} )
22 | `
23 | let accountData: Type_Query_Accounts[] | [] = await window.ThreeCPM.Repository.Database.query(currentProfileID, query)
24 |
25 | // removed this since it seems redundant to the above query
26 | // .then((data: Type_Query_Accounts[]) => data.filter(row => defaultCurrency.includes(row.currency_code)))
27 |
28 | if (accountData == null || accountData.length > 0) {
29 | let on_ordersTotal = 0;
30 | let positionTotal = 0;
31 |
32 | for (const account of accountData) {
33 | const { on_orders, position } = account
34 | on_ordersTotal += on_orders;
35 | positionTotal += position;
36 |
37 | }
38 | return {
39 | accountData,
40 | balance: {
41 | on_orders: on_ordersTotal,
42 | position: positionTotal,
43 | }
44 | }
45 | }
46 |
47 | return {
48 | accountData: [],
49 | balance: {
50 | on_orders: 0,
51 | position: 0,
52 | }
53 | }
54 | }
55 |
56 | export {
57 | getAccountDataFunction
58 | }
59 |
--------------------------------------------------------------------------------
/src/utils/number_formatting.ts:
--------------------------------------------------------------------------------
1 |
2 | /**
3 | *
4 | * @param number Accepts a number or string, parses and returns
5 | * @param digits number of trailing digits to return.
6 | * @returns returns a number to 0 decimals and comma seperated
7 | */
8 | const parseNumber = (number: number | string, digits:number = 0, activeDeals?: boolean) => {
9 | switch (typeof number) {
10 | case "number": // do nothing
11 | break
12 | case "string":
13 | number = parseInt(number)
14 | break
15 | default:
16 | number = 0
17 | }
18 |
19 | let numberFormatter:any = {'minimumFractionDigits': (digits > 4) ? 4 : digits, 'maximumFractionDigits': digits}
20 |
21 | if(activeDeals){
22 | if(number >= 1000) numberFormatter = { 'minimumFractionDigits': 0, 'maximumFractionDigits': 0, "useGrouping": false}
23 | if(number >= 10) numberFormatter = { 'minimumFractionDigits': digits, 'maximumFractionDigits': digits, "useGrouping": false}
24 | if(number < 10) numberFormatter = { 'minimumFractionDigits': (digits > 4) ? digits : 4, 'maximumFractionDigits' : 8}
25 | }
26 | // console.log(digits)
27 | // if(maxSize && number >= 1) numberFormatter = { 'minimumSignificantDigits': digits , 'maximumSignificantDigits': digits, "useGrouping": false}
28 | // if(number < 1) numberFormatter = { 'minimumFractionDigits': (digits > 6) ? digits : 6 , 'maximumFractionDigits': (digits > 6) ? digits : 6 , "useGrouping": false}
29 | // if(maxSize && number < 1) numberFormatter = { 'minimumSignificantDigits': maxSize , 'maximumSignificantDigits': maxSize}
30 |
31 | return number.toLocaleString(undefined, numberFormatter)
32 | }
33 |
34 | /**
35 | *
36 | * @param num1 top number of fraction
37 | * @param num2 divisor - bottom number of the fraction
38 | * @returns a parsed string to fixed 0 with %
39 | */
40 | const formatPercent = (num1:number , num2:number) => {
41 | return parseNumber ( ( (num1 / num2) * 100 ) , 0 ) + "%"
42 | }
43 |
44 | export {
45 | parseNumber,
46 | formatPercent
47 | }
48 |
--------------------------------------------------------------------------------
/src/app/Components/Sidebar/Sidebar.tsx:
--------------------------------------------------------------------------------
1 | import React, { Component } from 'react';
2 | import './Sidebar.scss';
3 |
4 |
5 | import { ActiveDealsIcon, TradingViewLogo, BotPlannerIcon, Coffee, Cog, PieChart } from '@/app/Components/icons/Index';
6 | import MenuBookIcon from '@mui/icons-material/MenuBook';
7 | import { SidebarNav, SidebarLink } from './Components';
8 | import { ProfileSwitcher } from '@/app/Features/Profiles/Components/Index'
9 |
10 | import DisplaySwitcher from './DisplaySwitcher';
11 |
12 | import {openLink} from '@/utils/helperFunctions'
13 | import CalendarTodayIcon from '@mui/icons-material/CalendarToday';
14 |
15 |
16 | /**
17 | * TODO:
18 | * - Move the settings / coffee cog into the display switcher.
19 | */
20 | class Sidebar extends Component {
21 |
22 | render() {
23 | return (
24 |
44 | )
45 | }
46 | }
47 |
48 | export default Sidebar;
--------------------------------------------------------------------------------
/src/main/3Commas/types/GridBots.ts:
--------------------------------------------------------------------------------
1 | export type GridBots = {
2 | "id": number,
3 | "account_id": number,
4 | "account_name": string,
5 | "is_enabled": boolean,
6 | "grids_quantity": string,
7 | "created_at": string //"2021-06-17T16:58:44.450Z",
8 | "updated_at": string //"2021-06-24T19:52:56.525Z",
9 | "strategy_type": "manual" | 'ai',
10 | "lower_price": string,
11 | "upper_price": string,
12 | "quantity_per_grid": string,
13 | "leverage_type": null | string,
14 | "leverage_custom_value": null | string,
15 | "name": string,
16 | "pair": string,
17 | "start_price": string,
18 | "grid_price_step": string,
19 | "current_profit": string,
20 | "current_profit_usd": string,
21 | "total_profits_count": string,
22 | "bought_volume": string,
23 | "sold_volume": string,
24 | "profit_percentage": string,
25 | "current_price": string,
26 | "investment_base_currency": string,
27 | "investment_quote_currency": string,
28 | "grid_lines": {
29 | "price": string,
30 | "side": null | string,
31 | "order_placed": boolean
32 | }[]
33 | }
34 |
35 | export type GridBotShow = GridBots & {
36 | editable: boolean
37 | }
38 |
39 | export type GridMarketOrders = {
40 | "grid_lines_orders":
41 | {
42 | "order_id": string,
43 | "order_type": "SELL" | 'BUY',
44 | "status_string": "Filled" | string,
45 | "created_at": string,
46 | "updated_at": string,
47 | "quantity": string,
48 | "quantity_remaining": string,
49 | "total": string,
50 | "rate": string,
51 | "average_price": string
52 | }[],
53 | 'balancing_orders' : any[]
54 | }
55 |
56 | export type GridBotProfits = {
57 | "grid_line_id": number,
58 | "profit": string,
59 | "usd_profit": string,
60 | "created_at": string
61 | }
62 |
63 | export type GridRequiredBalance = {
64 | "need_balancing": boolean,
65 | "necessary_quantities": {
66 | "quantity": string,
67 | "currency": string
68 | }
69 | }
--------------------------------------------------------------------------------
/assets/assets/sun.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
7 |
8 |
11 |
12 |
15 |
16 |
19 |
20 |
23 |
24 |
27 |
28 |
31 |
32 |
35 |
36 |
39 |
40 |
41 |
42 |
43 |
44 |
--------------------------------------------------------------------------------
/src/app/Components/Charts/formatting.tsx:
--------------------------------------------------------------------------------
1 | import { formatCurrency, supportedCurrencies } from '@/utils/granularity'
2 | import type {defaultCurrency} from '@/types/config'
3 | import { dynamicSort } from '@/utils/helperFunctions';
4 | import { Type_Bot_Performance_Metrics, Type_Pair_Performance_Metrics } from '@/types/3Commas';
5 |
6 |
7 | const yAxisWidth = (defaultCurrency: defaultCurrency) => {
8 |
9 | const firstCurrency = defaultCurrency[0] ?? ['USD'];
10 | const yWidth = supportedCurrencies[firstCurrency].rounding * 10 ?? undefined
11 | return (yWidth < 50) ? undefined : yWidth
12 | }
13 |
14 | const currencyTickFormatter = (value: any, defaultCurrency: defaultCurrency) => {
15 | if(value === 0) return value
16 | return String(formatCurrency([defaultCurrency[0]], value).metric)
17 | }
18 |
19 | const currencyTooltipFormatter = (value: any, defaultCurrency: defaultCurrency) => {
20 | if(value === 0) return value
21 |
22 | const {metric, symbol} = formatCurrency([defaultCurrency[0]], value);
23 | return String(symbol + ' ' + metric)
24 | }
25 |
26 | const filterData = (data: Type_Bot_Performance_Metrics[] | Type_Pair_Performance_Metrics[], filter:string ) => {
27 | let newData = [...data]
28 | newData = newData.sort(dynamicSort('-total_profit'));
29 | const length = data.length;
30 | const fiftyPercent = length / 2
31 | const twentyPercent = length / 5
32 |
33 | if (filter === 'top20') {
34 | newData = newData.sort(dynamicSort('-total_profit'));
35 | return newData.filter( (bot, index) => index < twentyPercent)
36 | } else if (filter === 'top50') {
37 | newData = newData.sort(dynamicSort('-total_profit'));
38 | return newData.filter( (bot, index) => index < fiftyPercent)
39 | } else if (filter === 'bottom50') {
40 | newData = newData.sort(dynamicSort('total_profit'));
41 | return newData.filter( (bot, index) => index < fiftyPercent)
42 | } else if (filter === 'bottom20') {
43 | newData = newData.sort(dynamicSort('total_profit'));
44 | return newData.filter( (bot, index) => index < twentyPercent)
45 | }
46 |
47 | return newData;
48 | }
49 |
50 | export {
51 | yAxisWidth,
52 | currencyTickFormatter,
53 | currencyTooltipFormatter,
54 | filterData
55 | };
--------------------------------------------------------------------------------
/src/app/Components/Sidebar/svg/sun.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
7 |
8 |
11 |
12 |
15 |
16 |
19 |
20 |
23 |
24 |
27 |
28 |
31 |
32 |
35 |
36 |
39 |
40 |
41 |
42 |
43 |
44 |
--------------------------------------------------------------------------------
/src/app/app.tsx:
--------------------------------------------------------------------------------
1 | import React, { useEffect, useLayoutEffect, useState } from 'react';
2 |
3 | import './App.global.scss';
4 | import Sidebar from './Components/Sidebar/Sidebar';
5 | import { HashRouter } from 'react-router-dom'
6 | import { MainWindow } from "@/app/Pages/Index"
7 |
8 | import { useThemeProvidor } from './Context/ThemeEngine';
9 |
10 | import UpdateBanner from './Features/UpdateBanner/UpdateBanner';
11 |
12 |
13 | import { useAppSelector, useAppDispatch } from '@/app/redux/hooks';
14 | import { updateConfig } from '@/app/redux/config/configActions';
15 | import { updateAllDataQuery } from './redux/threeCommas/Actions';
16 |
17 | // @ts-ignore
18 | import { version } from '#/package.json';
19 | import { updateBannerData } from '@/app/Features/UpdateBanner/redux/bannerSlice';
20 |
21 | const App = () => {
22 |
23 | const themeEngine = useThemeProvidor();
24 | const currentProfile = useAppSelector(state => state.config.currentProfile)
25 | const dispatch = useAppDispatch()
26 | const [profile, updateLocalProfile] = useState(() => currentProfile)
27 | const { styles } = themeEngine
28 |
29 | useEffect(() => {
30 | updateConfig();
31 | }, []);
32 |
33 | useEffect(() => {
34 | window.ThreeCPM.Repository.Pm.versions()
35 | .then(versionData => {
36 | if (!versionData || !versionData[0]) return
37 | const currentVersion = versionData.filter((release: any) => !release.prerelease)[0]
38 | if ("v" + version != currentVersion.tag_name) {
39 | dispatch(updateBannerData({ show: true, message: currentVersion.tag_name, type: 'updateVersion' }))
40 | }
41 | })
42 | }, [])
43 |
44 | useLayoutEffect(() => {
45 | if (currentProfile.id == profile.id) return
46 | if (currentProfile && currentProfile?.statSettings?.reservedFunds.filter(a => a.is_enabled).length > 0) {
47 | updateAllDataQuery(currentProfile, 'fullSync');
48 | console.log('Changing to a new profile')
49 | updateLocalProfile(currentProfile)
50 | }
51 |
52 | }, [currentProfile])
53 |
54 |
55 | return (
56 |
57 |
58 |
62 |
63 | )
64 | }
65 |
66 | export default App;
67 |
--------------------------------------------------------------------------------
/src/types/config.ts:
--------------------------------------------------------------------------------
1 | import type { supportedCurrencies } from '@/utils/granularity'
2 |
3 |
4 |
5 | export type defaultCurrency = (keyof typeof supportedCurrencies)[] | []
6 |
7 | export interface Type_Profile {
8 | id: string
9 | name: string,
10 | apis: {
11 | threeC: {
12 | key: string,
13 | secret: string,
14 | mode: string,
15 | }
16 | },
17 | general: {
18 | defaultCurrency: defaultCurrency
19 | globalLimit: number
20 | updated: boolean
21 | },
22 | syncStatus: {
23 | deals: {
24 | lastSyncTime: number
25 | }
26 | },
27 | statSettings: {
28 | startDate: number
29 | account_id: number[],
30 | reservedFunds: Type_ReservedFunds[]
31 | },
32 | writeEnabled: boolean,
33 | }
34 |
35 | export type Type_NotificationsSettings = {
36 | enabled: boolean,
37 | summary: boolean,
38 | }
39 |
40 | export type Type_GlobalSettings = {
41 | notifications: Type_NotificationsSettings
42 | }
43 |
44 |
45 |
46 |
47 | export interface Type_ReservedFunds {
48 | id: number
49 | account_name: string
50 | reserved_funds: string | number
51 | is_enabled: boolean
52 | }
53 |
54 | export interface Type_ApiKeys {
55 | key: string
56 | secret: string
57 | }
58 |
59 | export type TconfigValues = {
60 | profiles: Record,
61 | current: string | 'default',
62 | globalSettings: Type_GlobalSettings,
63 | general: {
64 | version: string
65 | },
66 | }
67 |
68 | export interface Type_ConfigContext {
69 | config: TconfigValues
70 | currentProfile: Type_Profile
71 | updateConfig: any
72 | setConfigBulk: any
73 | reset: any
74 | state: {
75 | accountID: number[]
76 | updateAccountID: any
77 | date: number
78 | updateDate: any
79 | currency: string[]
80 | updateCurrency: any
81 | updateApiData: any
82 | apiData: { key: string, secret: string, mode: string }
83 | reservedFunds: Type_ReservedFunds[],
84 | updateReservedFunds: any
85 | currentProfileId: string
86 | updateCurrentProfileId: any
87 | },
88 | actions: {
89 | fetchAccountsForRequiredFunds: any
90 | }
91 | }
--------------------------------------------------------------------------------
/src/renderer.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { render } from 'react-dom';
3 | import App from '@/app/app';
4 | import { ThemeProvider } from '@material-ui/core/styles';
5 | import { ThemeEngine } from '@/app/Context/ThemeEngine'
6 | import DateAdapter from '@mui/lab/AdapterDateFns';
7 | import LocalizationProvider from '@mui/lab/LocalizationProvider';
8 |
9 | import store from '@/app/redux/store'
10 | import { Provider } from 'react-redux'
11 |
12 | import {
13 | ElectronAPIRepository,
14 | ElectronDealsRepository,
15 | ElectronDBRepository,
16 | ElectronConfigRepository,
17 | } from "@/app/Repositories/Impl/electron";
18 |
19 | import BaseBinanceRepository from '@/app/Repositories/Impl/Binance';
20 | import {BaseGeneralRepository, BasePmRepository} from '@/app/Repositories/Impl/General'
21 |
22 | import {Repository} from '@/app/Repositories/interfaces'
23 |
24 |
25 | interface ThreeCPMNS {
26 | Repository: Repository
27 | }
28 |
29 | declare global {
30 | interface Window {
31 | ThreeCPM: ThreeCPMNS;
32 | }
33 | }
34 |
35 | window.ThreeCPM = window.ThreeCPM || {};
36 | const mainPreload = window.mainPreload
37 |
38 | let repo: Repository = {
39 | Deals: new ElectronDealsRepository(mainPreload),
40 | API: new ElectronAPIRepository(mainPreload),
41 | Config: new ElectronConfigRepository(mainPreload),
42 | Database: new ElectronDBRepository(mainPreload),
43 | Binance: new BaseBinanceRepository(mainPreload),
44 | General: new BaseGeneralRepository(mainPreload),
45 | Pm: new BasePmRepository(mainPreload)
46 | };
47 |
48 |
49 | /*
50 | * For the future we could have something like this:
51 | */
52 | // if (electrn) {
53 | // repo = {
54 | // API: new ElectronAPIRepository(electrn),
55 | // ...
56 | // }
57 | // }
58 | // ...
59 |
60 |
61 | // TODO: find a more react friendly way of making Repository accessible
62 | window.ThreeCPM.Repository = repo
63 |
64 | render(
65 |
66 |
67 |
68 |
69 |
70 |
71 |
73 |
74 |
75 |
76 |
77 | ,
78 | document.getElementById('root')
79 |
80 | );
81 |
82 |
83 |
--------------------------------------------------------------------------------
/src/app/Components/DataTable/FormatDeals.tsx:
--------------------------------------------------------------------------------
1 | import { Type_ActiveDeals } from "@/types/3Commas"
2 | import { calc_deviation } from '@/utils/formulas'
3 | import { parseNumber } from '@/utils/number_formatting';
4 |
5 |
6 | const formatDeals = (activeDeals: Type_ActiveDeals[]) => {
7 | return activeDeals.map(deal => {
8 | const { max_safety_orders,
9 | active_manual_safety_orders, max_deal_funds, actual_usd_profit,
10 | actual_profit_percentage, pair, currency,
11 | safety_order_step_percentage, martingale_step_coefficient,
12 | current_price, take_profit_price,
13 | take_profit, base_order_volume, safety_order_volume, martingale_volume_coefficient,
14 | bought_volume, bought_amount, completed_safety_orders_count, completed_manual_safety_orders_count, trailing_deviation, trailing_enabled
15 |
16 | } = deal
17 |
18 |
19 | const safetyOrderString = (completed_manual_safety_orders_count > 0 || active_manual_safety_orders > 0) ? `${completed_safety_orders_count} + ${completed_manual_safety_orders_count} / ${max_safety_orders}` : `${completed_safety_orders_count} / ${max_safety_orders}`
20 |
21 |
22 | const ttp = (trailing_enabled) ? `(${trailing_deviation})` : ''
23 |
24 | return {
25 | ...deal,
26 | actual_usd_profit,
27 | actual_profit_percentage,
28 | current_price,
29 | take_profit_price,
30 | safetyOrderString,
31 | pair: pair + " / " + currency,
32 | // the below values need to be formatted to the same length across all the data
33 | max_deviation: calc_deviation(max_safety_orders, safety_order_step_percentage, martingale_step_coefficient),
34 | // in_profit: actual_usd_profit > 0,
35 | bot_settings: `TP: ${take_profit} ${ttp}, BO: ${base_order_volume}, SO: ${safety_order_volume}, SOS: ${safety_order_step_percentage}%, OS: ${martingale_volume_coefficient}, SS: ${martingale_step_coefficient}, MSTC: ${max_safety_orders}`,
36 | bought_volume: bought_volume ?? 0,
37 | // bought_amount: parseNumber( bought_amount, 5, true) + ' ' + pair,
38 | unrealized_profit: ( take_profit / 100 ) * bought_volume
39 | }
40 | })
41 | }
42 |
43 | export default formatDeals;
--------------------------------------------------------------------------------
/src/app/redux/globalFunctions.ts:
--------------------------------------------------------------------------------
1 | import { Type_Profile } from "@/types/config"
2 |
3 | export const configPaths = {
4 | apis: {
5 | threeC: {
6 | main: 'apis.threeC',
7 | key: 'apis.threeC.key',
8 | secret: 'apis.threeC.secret',
9 | mode: 'apis.threeC.mode'
10 | }
11 | },
12 | syncStatus: {
13 | deals: {
14 | lastSyncTime: 'syncStatus.deals.lastSyncTime'
15 | }
16 | },
17 | statSettings: {
18 | reservedFunds: 'statSettings.reservedFunds',
19 | startDate: 'statSettings.startDate',
20 | account_id: 'statSettings.account_id',
21 | },
22 | name: 'name',
23 | writeEnabled: 'writeEnabled',
24 | general: {
25 | defaultCurrency: 'general.defaultCurrency'
26 | },
27 | globalSettings: {
28 | notifications: {
29 | enabled: 'globalSettings.notifications.enabled',
30 | summary: 'globalSettings.notifications.summary',
31 | }
32 | }
33 | }
34 |
35 |
36 | export const updateProfileByPath = (data: any, profileData: Type_Profile, path: any) => {
37 |
38 | // let newProfile = Object.assign({}, { ...state.currentProfile })
39 | switch (path) {
40 | case configPaths.apis.threeC.main: // update all the api data.
41 | profileData.apis.threeC = data
42 | break
43 | case configPaths.statSettings.reservedFunds: // update all the api data.
44 | profileData.statSettings.reservedFunds = data
45 | break
46 | case configPaths.name: // update all the api data.
47 | profileData.name = data
48 | break
49 | case configPaths.writeEnabled: // update all the api data.
50 | profileData.writeEnabled = data
51 | break
52 | case configPaths.general.defaultCurrency: // update all the currency data
53 | profileData.general.defaultCurrency = data
54 | break
55 | case configPaths.statSettings.startDate: // update all the api data.
56 | profileData.statSettings.startDate = data
57 | break
58 | case configPaths.syncStatus.deals.lastSyncTime:
59 | profileData.statSettings.startDate = data
60 | break
61 | default:
62 | break;
63 | }
64 |
65 | return profileData
66 |
67 | }
--------------------------------------------------------------------------------
/src/app/Features/3Commas/3Commas.ts:
--------------------------------------------------------------------------------
1 | import moment from "moment";
2 |
3 |
4 | import {
5 | Type_Pair_By_Date,
6 | Type_UpdateFunction,
7 | } from '@/types/3Commas'
8 | import { Type_Profile } from '@/types/config'
9 | import { DateRange } from "@/types/Date";
10 |
11 | import { getFiltersQueryString } from './queryString';
12 | import { fetchPerformanceDataFunction, fetchDealDataFunction, getActiveDealsFunction, fetchSoData } from "./DataQueries/deals";
13 | import { fetchBotPerformanceMetrics, botQuery } from "./DataQueries/bots";
14 | import { getAccountDataFunction } from "./DataQueries/accounts";
15 |
16 | // these queries use the deals database but are pairs only. Can probably combine this with the deals queries or create a new folder.
17 | import { fetchPairPerformanceMetrics, getSelectPairDataByDate } from "./DataQueries/pairs";
18 |
19 | /**
20 | * @description This kicks off the update process that updates all 3Commas data within the database.
21 | *
22 | * @params - type 'autoSync'
23 | * @params {options} - option string
24 | */
25 | const updateThreeCData = async (type: string, options: Type_UpdateFunction, profileData: Type_Profile) => {
26 | console.info({ options })
27 | return await window.ThreeCPM.Repository.API.update(type, options, profileData);
28 | }
29 |
30 | export const initDate = (startString: number, oDate?: DateRange) => {
31 | let date = new DateRange()
32 | if (oDate) {
33 | date = { ...oDate }
34 | }
35 |
36 | if (date.from == null) {
37 | date.from = moment(startString).startOf("day").toDate()
38 |
39 | }
40 |
41 | if (date.to == null) {
42 | date.to = moment().endOf("day").toDate()
43 | }
44 | return date;
45 | }
46 |
47 | export const DateRangeToSQLString = (d: DateRange) => {
48 | let fromDateStr = moment.utc(d.from)
49 | .subtract(d.from?.getTimezoneOffset(), "minutes")
50 | .startOf("day")
51 | .toISOString()
52 |
53 |
54 | let toDateStr = moment.utc(d.to)
55 | .subtract(d.to?.getTimezoneOffset(), "minutes")
56 | .add(1, "days")
57 | .startOf("day")
58 | .toISOString()
59 |
60 | return [fromDateStr, toDateStr]
61 | }
62 |
63 |
64 |
65 |
66 | export {
67 | fetchDealDataFunction,
68 | fetchPerformanceDataFunction,
69 | getActiveDealsFunction,
70 | updateThreeCData,
71 | getAccountDataFunction,
72 | fetchBotPerformanceMetrics,
73 | fetchPairPerformanceMetrics,
74 | botQuery,
75 | getSelectPairDataByDate,
76 | getFiltersQueryString,
77 | fetchSoData
78 | }
79 |
80 |
81 |
--------------------------------------------------------------------------------
/src/app/Pages/ActiveDeals/Components/SubrowTabs/Orders.tsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import { formatCurrency } from '@/utils/granularity'
3 |
4 | const dateFormatter = (dateString: string) => new Date(dateString).toLocaleDateString(undefined, { month: '2-digit', day: '2-digit', year: 'numeric', hour: '2-digit', minute: '2-digit', second: '2-digit' })
5 |
6 | function Orders({ row, ordersData }: any) {
7 |
8 | const formatCurrencyLocally = (value: number) => formatCurrency([row.original.from_currency], value).metric
9 |
10 |
11 | return (
12 |
13 |
14 |
15 |
16 | Side
17 | Order Type
18 | Status
19 | Rate ({row.original.from_currency})
20 | Amount ({row.original.to_currency})
21 | Volume ({row.original.from_currency})
22 | Created
23 | Updated
24 |
25 |
26 |
27 | {ordersData.map((r: any) => (
28 |
29 | {r.order_type}
30 | {r.deal_order_type}
31 | {r.status_string}
32 |
33 | {r.order_type == "BUY" && (<>Desired: {formatCurrencyLocally(r.rate)}
36 | {formatCurrencyLocally(+r.quantity)}
37 | {(r.total) ? formatCurrencyLocally(r.total) : '-'}
38 | {dateFormatter(r.created_at)}
39 | {dateFormatter(r.updated_at)}
40 | )
41 | )}
42 |
43 |
44 |
) => {
23 | const checked = event.target.checked
24 | updateNotificationsSettingsGlobal({ summary: checked })
25 | setSummary(checked)
26 | }
27 |
28 | const changeEnabled = (event: React.ChangeEvent) => {
29 | const checked = event.target.checked
30 | if(!checked) {
31 | updateNotificationsSettingsGlobal({ summary: false })
32 | setSummary(false)
33 | }
34 | updateNotificationsSettingsGlobal({ enabled: checked })
35 | setEnabled(checked)
36 | }
37 |
38 | return (
39 |
40 |
69 | )
70 | }
71 |
72 | export default NotificationsSettings;
73 |
--------------------------------------------------------------------------------
/src/app/redux/threeCommas/initialState.ts:
--------------------------------------------------------------------------------
1 | import { Type_ReservedFunds, Type_Profile } from '@/types/config'
2 |
3 |
4 | import type {
5 | Type_Query_PerfArray,
6 | Type_Query_bots,
7 | Type_ActiveDeals,
8 | Type_Query_Accounts,
9 | Type_MetricData,
10 | Type_Profit,
11 | Type_Bot_Performance_Metrics,
12 | Type_Performance_Metrics,
13 | Type_Pair_Performance_Metrics,
14 | Type_SyncOptions
15 | } from '@/types/3Commas'
16 |
17 | export {Type_MetricData, Type_Performance_Metrics, Type_ReservedFunds}
18 | // Define the initial state using that type
19 | export const initialState = {
20 | botData: [],
21 | profitData: [],
22 | activeDeals: [],
23 | performanceData: { pair_bot: [], bot: [], safety_order: [] },
24 | balanceData: { on_orders: 0, position: 0 },
25 | accountData: [],
26 | metricsData: {
27 | activeDealCount: 0,
28 | totalProfit_perf: 0,
29 | totalDeals: 0,
30 | boughtVolume: 0,
31 | averageDealHours: 0,
32 | averageDailyProfit: 0,
33 | totalBoughtVolume: 0,
34 | maxRisk: 0,
35 | totalProfit: 0,
36 | maxRiskPercent: 0,
37 | bankrollAvailable: 0,
38 | totalBankroll: 0,
39 | position: 0,
40 | on_orders: 0,
41 | totalInDeals: 0,
42 | availableBankroll: 0,
43 | reservedFundsTotal: 0,
44 | totalClosedDeals: 0,
45 | totalDealHours: 0,
46 | inactiveBotFunds: 0,
47 | totalMaxRisk: 0
48 | },
49 | additionalData: [],
50 | isSyncing: false,
51 | isSyncingTime: 0,
52 | syncOptions: {
53 | time: 0,
54 | syncCount: 0
55 | },
56 | autoRefresh: false,
57 | }
58 |
59 | export type typeString = 'botData' | 'profitData' | 'activeDeals' | 'performanceData' | 'metricsData' | 'accountData' | 'balanceData'
60 |
61 | export type Type_SyncData = {
62 | time: number,
63 | syncCount: number
64 | }
65 |
66 | export type setDataType =
67 | { type: 'botData', data: typeof initialState.botData } |
68 | { type: 'profitData', data: typeof initialState.profitData } |
69 | { type: 'activeDeals', data: typeof initialState.activeDeals } |
70 | { type: 'performanceData', data: typeof initialState.performanceData } |
71 | { type: 'balanceData', data: typeof initialState.balanceData } |
72 | { type: 'accountData', data: typeof initialState.accountData } |
73 | { type: 'metricsData', data: Type_MetricData }
--------------------------------------------------------------------------------
/src/app/Pages/BotPlanner/Components/Risk.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 |
4 | import { useAppSelector } from '@/app/redux/hooks';
5 | import { Type_Query_bots } from '@/types/3Commas';
6 |
7 |
8 | import {
9 | Card_EnabledBots,
10 | Card_DropCoverage,
11 | Card_MaxDca,
12 | Card_TotalBankRoll,
13 | Card_MaxRiskPercent
14 | } from '@/app/Components/Charts/DataCards';
15 |
16 |
17 | // Need to import metric contexts here
18 | const Risk = ({ localBotData }: { localBotData: Type_Query_bots[] }) => {
19 | const { defaultCurrency } = useAppSelector(state => state.config.currentProfile.general);
20 | const { metricsData: {totalBankroll, totalBoughtVolume, position, reservedFundsTotal}} = useAppSelector(state => state.threeCommas);
21 | /**
22 | * Bankroll - sum, on_orders, position all added together. Needs to come from global state most likely.
23 | * risk - bank roll / total DCA risk
24 | * active bots - count of bots with enabled flagged.
25 | * DCA Max risk - sum of the max_bot_usage.
26 | */
27 |
28 | const enabledDeals = localBotData.filter(bot => bot.is_enabled && !bot.hide)
29 |
30 | /**
31 | * TODO
32 | * - Can move these calculations on to the data card itself to clean up these functions. That would mean not every card gets a metric since most are calculated.
33 | */
34 | let maxDCA = (enabledDeals.length > 0) ? enabledDeals.map(deal => deal.max_funds).reduce((sum, max) => sum + max) : 0;
35 | // const inactiveBotFunds = result.map(r => r.enabled_inactive_funds).reduce((sum, funds) => sum + funds ) ?? 0;
36 |
37 | let risk = (maxDCA / totalBankroll) * 100
38 | let botCount = localBotData.filter(deal => deal.is_enabled).length
39 |
40 | const sumDropCoverage = (enabledDeals.length > 0) ? enabledDeals.map(deal => (deal.maxCoveragePercent) ? deal.maxCoveragePercent : 0).reduce((sum, max) => sum + max) : 0;
41 | let dropCoverage = sumDropCoverage / enabledDeals.length
42 |
43 |
44 |
45 | return (
46 |
47 |
49 |
54 | )
55 | }
56 |
57 | export default Risk;
--------------------------------------------------------------------------------
/src/app/Features/LocalStorage/LocalStorage.ts:
--------------------------------------------------------------------------------
1 | import { tryParseJSON_ } from "@/utils/helperFunctions"
2 |
3 |
4 | const storageItem = {
5 | navigation: {
6 | homePage: 'homePage', // the home page the application navigates to
7 | statsPage: 'nav-statsPage'
8 | },
9 | settings: {
10 | displayMode: 'displayMode', // the dark mode switcher. Values are 'lightMode' and 'darkMode',
11 | coinPriceArray: 'coinPriceArray'
12 | },
13 | charts:{
14 | pairByDateFilter: 'pairByDateFilter',
15 | BotPerformanceBubble:{
16 | filter: 'filter-botPerformanceBubble'// filter for the bot bubble - values are 'all' , top20, top50, bottom50, bottom20
17 | },
18 | DealPerformanceBubble:{
19 | sort: 'sort-dealPerformanceBubble', // percentTotalProfit , number_of_deals , percentTotalVolume
20 | filter: 'filter-dealPerformanceBubble'// filter for the bot bubble - values are 'all' , top20, top50, bottom50, bottom20
21 | },
22 | PairPerformanceBar: {
23 | sort: 'sort-pairPerformanceBar', // -total_profit, -bought_volume, -avg_deal_hours
24 | filter: 'filter-pairPerformanceBar', // all, top20, top50, bottom50, bottom20
25 | },
26 | BotPerformanceBar: {
27 | sort: 'sort-BotPerformanceBar', // -total_profit, -bought_volume, -avg_deal_hours
28 | filter: 'filter-BotPerformanceBar', // all, top20, top50, bottom50, bottom20
29 | },
30 | ProfitByDay: {
31 | sort: 'sort-ProfitByDay' //day , month, year
32 | }
33 | },
34 | tables: {
35 | DealsTable: {
36 | sort: 'sort-DealsTable', // [ {id: 'value', desc: boolean}],
37 | columns: 'columns-DealsTable' // array of accessor ids from react-table
38 | },
39 | BotPlanner: {
40 | sort: 'sort-BotPlanner', // [ {id: 'value', desc: boolean}],
41 | columns: 'columns-DealsTable'// array of accessor ids from react-table
42 | }
43 | }
44 | }
45 |
46 | const setStorageItem = (id:string, value:string | [] | object) => {
47 |
48 | if(typeof value === 'object') value = JSON.stringify(value)
49 |
50 |
51 | localStorage.setItem(id, value)
52 |
53 | }
54 |
55 | const getStorageItem = (id:string) => {
56 |
57 | const storageItem = localStorage.getItem(id)
58 |
59 | const parsed = (storageItem != undefined) ? tryParseJSON_(storageItem) : undefined
60 |
61 | if(parsed){
62 | return parsed
63 | }
64 |
65 | return storageItem
66 | }
67 |
68 |
69 |
70 | export {
71 | storageItem,
72 | setStorageItem,
73 | getStorageItem
74 | }
--------------------------------------------------------------------------------
/src/app/Components/Selectors/AccountSelector.tsx:
--------------------------------------------------------------------------------
1 | import React, { useState } from 'react';
2 | import { Type_ReservedFunds } from '@/types/config';
3 |
4 | import {
5 | FormControl,
6 | InputLabel,
7 | MenuItem,
8 | Select,
9 | ListItemText,
10 | Checkbox,
11 | } from '@mui/material';
12 |
13 | type AccountSelector = {
14 | reservedFunds: Type_ReservedFunds[],
15 | updateAccounts: CallableFunction
16 | }
17 | const AccountSelector = ({reservedFunds, updateAccounts}:AccountSelector) => {
18 | const [selectedAccounts, updateSelectedAccounts] = useState(reservedFunds);
19 | const [selectedAccountIds, updateSelectedAccountIds] = useState(() => reservedFunds.filter(a => a.is_enabled).map(a => a.id));
20 | const updateTempAccounts = (newAccounts: number[]) => {
21 | const selected = reservedFunds.filter(a => newAccounts.includes(a.id))
22 | updateAccounts(selected)
23 | updateSelectedAccounts(selected)
24 | updateSelectedAccountIds(newAccounts)
25 | }
26 |
27 | const onChange = (e: any) => {
28 | updateTempAccounts([...e.target.value])
29 | }
30 |
31 |
32 | const [open, setOpen] = useState(false);
33 | const handleClose = () => setOpen(false);
34 | const handleOpen = () => setOpen(true);
35 |
36 | return (
37 |
38 | Accounts
39 | (selectedAccounts.length > 0) ? selectedAccounts.map(a => a.account_name).join(', ') : ""}
48 | style={{
49 | marginRight: '15px',
50 | width: '100%'
51 | }}
52 | open={open}
53 | onClose={handleClose}
54 | onOpen={handleOpen}
55 | >
56 | {reservedFunds.map(c => {
57 | return (
58 |
59 | - 1} />
60 |
62 | )
63 | })}
64 |
65 |
66 |
67 | )
68 | }
69 |
70 | export default AccountSelector;
--------------------------------------------------------------------------------
/docs/README.md:
--------------------------------------------------------------------------------
1 | # 3C Portfolio Manager
2 |
3 | The 3C Portfolio Manager is an essential add-on to your 3Commas experience. It enables you to manage your DCA bots with greater analytics, real-time alerting, and tons of additional features. It's a downloadable desktop application that's supported across Mac OS, Windows, and Linux operating systems. We are always expanding and adding new features! You may have seen this before as the 3C Portfolio Manager. That Google Sheet was the project that paved the way for the success of this application.
4 |
5 | ### Supported Operating Systems
6 |
7 | * Debian:
8 | * 10 - Seems to have a bug when attempting to run an Electron application
9 | * 11 - Works with the `.Appimage`
10 | * Chrome OS - Works with the `.Appimage`
11 | * macOS - M1 and Intel are fully supported
12 | * Windows
13 | * <10 - Untested, if it works let me know!
14 | * 10 - Fully supported
15 | * 11 - Fully supported - Thanks @Karizma!
16 | * Linux
17 | * Ubuntu - Fully Supported
18 | * Other distros are currently untested.
19 |
20 | ## Feedback or Bug Submission
21 |
22 | We welcome all feedback and bug reports as it helps us improve the project for everyone. You can submit these reports in two ways:
23 |
24 | 1. \(Preferred\) If you have a Github account do so on [the issues page](https://github.com/coltoneshaw/3c-portfolio-manager/issues) and select the right type of report.
25 | 2. If you do not have a GitHub account you can use our Google Form [here](https://forms.gle/EZeXuLcR8eosikkAA).
26 |
27 | If you have any issues don't hesitate to reach out to me on Discord @the\_okayest\_human\#1680
28 |
29 | ## Screenshots
30 |
31 | ### Dark Mode!
32 |
33 | 
34 |
35 | ### Active Deals
36 |
37 | 
38 |
39 | ### Bot Planner
40 |
41 | 
42 |
43 | ### Stats - Performance Monitor
44 |
45 | 
46 |
47 | ### Stats - Risk Monitor
48 |
49 | 
50 |
51 | ### Stats - Summary
52 |
53 | 
54 |
55 | ### Settings
56 |
57 | 
58 |
59 |
--------------------------------------------------------------------------------
/src/app/Pages/Stats/Stats.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { useAppSelector } from '@/app/redux/hooks';
3 |
4 | import './Stats.scss'
5 | import { Button, ButtonGroup } from '@mui/material';
6 |
7 | import { UpdateDataButton } from '@/app/Components/Buttons/Index'
8 | import { RoiCards, ViewRenderer, useViewRenderer, StatFiltersDiv } from './Components/Index'
9 |
10 |
11 |
12 | const buttonElements:buttonElements = [
13 | {
14 | name: 'Summary Statistics',
15 | id: 'summary-stats'
16 | },
17 | {
18 | name: 'Risk Monitor',
19 | id: 'risk-monitor'
20 | },
21 | {
22 | name: 'Performance Monitor',
23 | id: 'performance-monitor'
24 | }
25 | ]
26 |
27 |
28 | const StatsPage = () => {
29 | const { currentProfile } = useAppSelector(state => state.config);
30 | const { metricsData } = useAppSelector(state => state.threeCommas);
31 |
32 | const {currentView, viewChanger } = useViewRenderer()
33 |
34 | // // this feels redundant
35 | // const [reservedFunds, updateReservedFunds] = useState(() => currentProfile.statSettings.reservedFunds)
36 | // useEffect(() => {
37 | // if (currentProfile.statSettings.reservedFunds.length > 0) updateReservedFunds(currentProfile.statSettings.reservedFunds)
38 | // }, [currentProfile.statSettings.reservedFunds])
39 |
40 | return (
41 | <>
42 |
43 |
44 | {/* This needs to be it's own div to prevent the buttons from taking on the flex properties. */}
45 |
46 |
47 | {
48 | buttonElements.map(button => {
49 | if (button.id === currentView) return viewChanger(button.id)} className="primaryButton-outline">{button.name}
50 | return viewChanger(button.id)} >{button.name}
51 | })
52 | }
53 |
54 |
56 |
57 |
58 |
61 |
62 |
63 | )
64 | }
65 |
66 |
67 |
68 | export default StatsPage;
--------------------------------------------------------------------------------
/src/types/preload.ts:
--------------------------------------------------------------------------------
1 | import { defaultCurrency, Type_Profile } from '@/types/config';
2 | import { defaultConfig } from "@/utils/defaultConfig";
3 | import type { UpdateDealRequest } from "@/main/3Commas/types/Deals";
4 | import { Type_UpdateFunction } from '@/types/3Commas'
5 | import type { getDealOrders } from '@/main/3Commas/index';
6 | import type {Type_GithubRelease} from '@/app/Repositories/Types/GithubRelease'
7 | import type {BinanceTicketPrice} from '@/app/Repositories/Types/Binance';
8 |
9 | declare global {
10 | interface Window {
11 | mainPreload: mainPreload
12 | }
13 | }
14 |
15 | export interface config {
16 | get: (value: T) => Promise,
17 | profile: (type: 'create', newProfile: Type_Profile, profileId: string) => Promise,
18 | getProfile: (value: string, profileId: string) => Promise< Type_Profile | undefined >,
19 | reset: () => Promise,
20 | set: (key: string, value: any) => Promise,
21 | // setProfile: (key: string, value: any) => Promise,
22 | bulk: (changes: typeof defaultConfig) => Promise
23 | }
24 |
25 |
26 | export type tableNames = 'deals' | 'bots' | 'accountData'
27 | export interface database {
28 | query: (profileId:string, queryString: string) => Promise,
29 | update: (profileId:string, table: tableNames, updateData: object[]) => void,
30 | upsert: (profileId:string, table: tableNames, data: any[], id: string, updateColumn: string) => void,
31 | run: (profileId:string, query: string) => void,
32 | deleteAllData: (profileID?: string) => Promise
33 | }
34 |
35 | export interface api {
36 | update: (type: string, options: Type_UpdateFunction, profileData: Type_Profile) => Promise,
37 | updateBots: (profileData: Type_Profile) => Promise,
38 | getAccountData: (profileData?: Type_Profile, key?: string, secret?: string, mode?: string) => Promise<{ id: number, name: string }[]>,
39 | getDealOrders: (profileData: Type_Profile, dealID: number) => ReturnType,
40 | }
41 |
42 | export interface general {
43 | openLink: (link: string) => void
44 | }
45 |
46 | export interface binance {
47 | coinData: () => Promise< BinanceTicketPrice | false >
48 | }
49 | export interface pm {
50 | versions: () => Promise
51 | }
52 |
53 | interface mainPreload {
54 | deals: {
55 | update: (profileData: Type_Profile, deal: UpdateDealRequest) => Promise
56 | },
57 | api: api,
58 | config: config,
59 | database: database,
60 | general: general,
61 | binance: binance,
62 | pm: pm
63 | };
64 |
65 | export {
66 | mainPreload,
67 | Type_Profile,
68 | defaultConfig,
69 | UpdateDealRequest,
70 | Type_UpdateFunction,
71 | getDealOrders
72 | }
--------------------------------------------------------------------------------
/src/app/Components/icons/Sun.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 |
3 | const Sun = () => {
4 |
5 | return (
6 |
7 |
8 |
9 |
12 |
13 |
16 |
17 |
20 |
21 |
24 |
25 |
28 |
29 |
32 |
33 |
36 |
37 |
40 |
41 |
44 |
45 |
46 |
47 |
48 |
49 |
50 |
51 | )
52 | }
53 |
54 | export default Sun;
--------------------------------------------------------------------------------
/src/main/3Commas/types/Bots.ts:
--------------------------------------------------------------------------------
1 | import {threeCommas_Api_Deals} from './Deals'
2 |
3 | export type Bots = {
4 | id: number,
5 | account_id: number,
6 | is_enabled: boolean,
7 | max_safety_orders: number,
8 | active_safety_orders_count: number,
9 | pairs: string[],
10 | strategy_list: {strategy: string}[],
11 | max_active_deals: number,
12 | active_deals_count: number,
13 | deletable?: boolean,
14 | created_at: string,
15 | updated_at: string,
16 | trailing_enabled: boolean,
17 | tsl_enabled: boolean,
18 | deal_start_delay_seconds: null | string,
19 | stop_loss_timeout_enabled: boolean,
20 | stop_loss_timeout_in_seconds: number,
21 | disable_after_deals_count: null | string,
22 | deals_counter: null | string,
23 | allowed_deals_on_same_pair: null | boolean,
24 | easy_form_supported: boolean,
25 | close_deals_timeout: null | string,
26 | url_secret: string,
27 | name: string,
28 | take_profit: string,
29 | base_order_volume: string,
30 | safety_order_volume: string,
31 | safety_order_step_percentage: string,
32 | take_profit_type: 'total',
33 | type: 'Bot::SingleBot' | 'Bot::MultiBot',
34 | martingale_volume_coefficient: string,
35 | martingale_step_coefficient: string,
36 | stop_loss_percentage: string,
37 | cooldown: string,
38 | btc_price_limit: string,
39 | strategy: 'long' | 'short',
40 | min_volume_btc_24h: string,
41 | profit_currency: 'quote_currency' | 'base_currency',
42 | min_price: null | 'quote_currency',
43 | max_price: null | 'quote_currency',
44 | stop_loss_type: 'stop_loss' | 'stop_loss_and_disable_bot'
45 | safety_order_volume_type: 'quote_currency' | 'percent',
46 | base_order_volume_type: 'quote_currency' | 'percent',
47 | account_name: string,
48 | trailing_deviation: string,
49 | finished_deals_profit_usd: string,
50 | finished_deals_count: string,
51 | leverage_type: 'not_specified' | string,
52 | leverage_custom_value: null,
53 | start_order_type: 'limit' | 'market',
54 | active_deals_usd_profit: string
55 | }
56 |
57 | export type ShowBot = Bots & {
58 | active_deals: threeCommas_Api_Deals[],
59 | bot_events?: {message: string, created_at:string}[]
60 | }
61 |
62 |
63 | export type GetBotsStats = {
64 | overall_stats: {
65 | USD?: string,
66 | BUSD?: string,
67 | USDT?: string,
68 | },
69 | today_stats: {
70 | USD?: string,
71 | BUSD?: string,
72 | USDT?: string,
73 | },
74 | profits_in_usd: {
75 | overall_usd_profit: number,
76 | today_usd_profit: number,
77 | active_deals_usd_profit: number,
78 | funds_locked_in_active_deals: number
79 | }
80 | }
--------------------------------------------------------------------------------
/src/app/Components/Charts/Line/Components/PairSelector.tsx:
--------------------------------------------------------------------------------
1 | import React, { useEffect } from "react";
2 | import { useAppSelector } from '@/app/redux/hooks';
3 |
4 | import { Select, InputLabel, FormControl, MenuItem, Checkbox, ListItemText, Input, SelectChangeEvent } from '@mui/material';
5 |
6 | import { setStorageItem, getStorageItem, storageItem } from '@/app/Features/LocalStorage/LocalStorage';
7 |
8 |
9 | type PairSelector = {
10 | pairs: { pair: string, opacity: number }[]
11 | pairFilters: string[]
12 | updatePairFilters: any
13 | }
14 |
15 | const PairSelector = ({ pairFilters, updatePairFilters, pairs }: PairSelector) => {
16 | const { currentProfile } = useAppSelector(state => state.config);
17 |
18 | // if any part of the current profile reserved funds changes then we clear the pairs
19 | useEffect(() => {
20 | updatePairFilters([]);
21 | setStorageItem(storageItem.charts.pairByDateFilter, [])
22 |
23 | }, [currentProfile.statSettings.reservedFunds])
24 |
25 | const handleChange = (event: any) => {
26 |
27 | let filter = event.target.value;
28 | // preventing more than 8 items from showing at any given time.
29 | if (filter.length > 8) filter = filter.filter((pair: string, index: number) => index > 0)
30 |
31 | updatePairFilters([...filter]);
32 | setStorageItem(storageItem.charts.pairByDateFilter, [...filter])
33 | };
34 |
35 | const grid = (pairs.length <= 5) ? '1fr' : '1fr 1fr 1fr 1fr 1fr'
36 |
37 |
38 |
39 | return (
40 |
41 |
42 | Show
43 |
44 |
67 | - 1} />
68 |
70 | ))}
71 |
72 |
73 |
74 |
75 |
76 | )
77 | }
78 |
79 | export default PairSelector
--------------------------------------------------------------------------------
/src/app/Pages/MainWindow.tsx:
--------------------------------------------------------------------------------
1 | import React, { useEffect, useState , useLayoutEffect} from 'react';
2 | import { Route, Redirect } from 'react-router-dom'
3 | import {
4 | BotPlannerPage,
5 | TradingViewPage,
6 | SettingsPage,
7 | StatsPage,
8 | ActiveDealsPage,
9 | DailyStats
10 | } from '@/app/Pages/Index'
11 |
12 | // @ts-ignore
13 | import { version } from '#/package.json';
14 |
15 | import CoinPriceHeader from '@/app/Features/CoinPriceHeader/CoinPriceHeader';
16 | import { useAppSelector } from '@/app/redux/hooks';
17 | import { ChangelogModal } from '@/app/Features/Index';
18 | import { getStorageItem, storageItem } from '@/app/Features/LocalStorage/LocalStorage';
19 |
20 | const MainWindow = () => {
21 |
22 | const { currentProfile } = useAppSelector(state => state.config);
23 |
24 |
25 | const [homePage, updateHomePage] = useState('/activeDeals')
26 |
27 | useLayoutEffect(() => {
28 | if (currentProfile.apis.threeC.key !== "" && currentProfile.apis.threeC.secret !== "") {
29 | updateHomePage(getStorageItem(storageItem.navigation.homePage) ?? '/activeDeals')
30 | return
31 | }
32 |
33 | updateHomePage('/settings')
34 | }, [currentProfile.apis.threeC])
35 |
36 |
37 | // changelog state responsible for opening / closing the changelog
38 | const [openChangelog, setOpenChangelog] = useState(false);
39 |
40 | const handleOpenChangelog = () => {
41 | setOpenChangelog(true);
42 | };
43 |
44 | useEffect(() => {
45 | window.ThreeCPM.Repository.Config.get('general.version')
46 | .then((versionData: string) => {
47 | if (versionData == undefined || versionData != version) {
48 | handleOpenChangelog()
49 |
50 | // setting to false so this does not open again
51 | window.ThreeCPM.Repository.Config.set('general.version', version)
52 | }
53 | })
54 |
55 | }, [])
56 |
57 |
58 |
59 | return (
60 |
61 |
62 |
63 |
64 |
65 |
67 |
68 |
17 |
18 |
19 | Loading...
20 |
21 |
33 |
34 |
35 |
36 |
37 |
38 |
42 |
43 |
44 |
46 |
47 |
49 |
50 |
52 |
53 |
54 |
([]);
61 |
62 | const { currentProfile } = useAppSelector(state => state.config);
63 |
64 | useEffect(() => {
65 | const getDealOrdersPromise = window.ThreeCPM.Repository.API.getDealOrders(currentProfile, row.original.id)
66 |
67 | Promise.all([getDealOrdersPromise])
68 | .then(([getDealOrdersResult]) => {
69 | setOrdersData(getDealOrdersResult.reverse());
70 | setLoading(false);
71 | })
72 |
73 | }, []);
74 |
75 | return (
76 |