13 |
setShowModal(false)}
16 | />
17 |
18 |
19 |
20 | {type === "delete" ? (
21 |
35 | ) : (
36 |
50 | )}
51 |
52 |
53 | {title}
54 |
55 |
56 | {content}
57 |
58 |
59 |
65 |
71 |
72 |
73 |
74 |
75 |
76 |
77 | )}
78 |
79 | );
80 | }
81 |
--------------------------------------------------------------------------------
/src/components/Basic/SearchInput.js:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import { TextInput } from "@tremor/react";
3 | import { SearchIcon } from "@heroicons/react/solid";
4 |
5 | export default function SearchInput({ onSearch, ...rest }) {
6 | const handleEnterKeyDown = (e) => {
7 | var keycode = e.keyCode ? e.keyCode : e.which;
8 | if (keycode == 13) {
9 | onSearch();
10 | }
11 | };
12 |
13 | return (
14 |
19 | );
20 | }
21 |
--------------------------------------------------------------------------------
/src/components/ConnectButton.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import { useCallback } from "react";
4 | import { usePlaidLink } from "react-plaid-link";
5 | import { useDispatch, useSelector } from "react-redux";
6 | import { setPlaidState } from "@/store/actions/usePlaid";
7 | import apiCall from "@/utils/apiCall";
8 | import { setUserInfoState } from "@/store/actions/useUser";
9 | import { isEmpty } from "@/utils/util";
10 | import { RootState } from "@/store";
11 | import { AnyAction } from 'redux';
12 | import { Dispatch } from 'redux';
13 | import { Button } from "./ui/button";
14 |
15 | const ConnectButton = ({ children, type, setShowConnectModal }: { children: React.ReactNode, type: string | number, setShowConnectModal: (show: boolean) => void }) => {
16 | const { linkToken } = useSelector((state: RootState) => state.plaid);
17 | const { items: linkInfo } = useSelector((state: RootState) => state.user);
18 |
19 | const dispatch = useDispatch
>();
20 |
21 | const onSuccess = useCallback(
22 | (public_token: any, metadata: any) => {
23 | const exchangePublicTokenForAccessToken = async () => {
24 | const response = await apiCall.post("/api/v1/plaid/set_access_token", { public_token, metadata, type });
25 | if (response.status !== 200) {
26 | dispatch(setPlaidState({ isItemAccess: false }) as unknown as AnyAction);
27 | return;
28 | }
29 | const { isItemAccess, item_id, accounts } = response.data;
30 | dispatch(setPlaidState({ isItemAccess: isItemAccess }) as unknown as AnyAction);
31 | if (!isEmpty(item_id)) {
32 | dispatch(
33 | setUserInfoState({
34 | items: [...linkInfo, { ...metadata, accounts }]
35 | })
36 | );
37 | }
38 | setShowConnectModal(false);
39 | };
40 | exchangePublicTokenForAccessToken();
41 | },
42 | [dispatch, linkInfo, setShowConnectModal, type]
43 | );
44 |
45 | const config = {
46 | token: !isEmpty(linkToken) ? linkToken[type].link_token : null,
47 | onSuccess
48 | };
49 |
50 | const { open, ready } = usePlaidLink(config);
51 |
52 | const handleOpenPlaidLink = () => {
53 | dispatch(setPlaidState({ isItemAccess: false, linkSuccess: false }) as unknown as AnyAction);
54 | open();
55 | };
56 |
57 | const setupConfig = {
58 | token: !isEmpty(linkToken) ? linkToken[type].link_token : "Token not found",
59 | open: open,
60 | ready: ready,
61 | onSuccess: onSuccess,
62 | linkInfo: linkInfo,
63 | }
64 |
65 | console.log(setupConfig);
66 |
67 | return (
68 |
74 | );
75 | };
76 |
77 | export default ConnectButton;
78 |
--------------------------------------------------------------------------------
/src/components/CreditCard.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | const CreditCardComponent = () => {
4 | return (
5 |
6 |
How should I tackle my credit card debt?
7 |
We can help with that.
8 |
9 |
10 |
Slope
11 |
PATRIC BATEMAN
12 |
0004 4889 3989 5660
13 |
14 |
18 |
28 |
59 |
17 |
18 |
Chat History
19 |
20 |
21 |
28 |
29 | New Chat
30 |
31 |
32 |
35 | {Array.from({ length: 10 }).map((_, i) => (
36 |
40 | ))}
41 |
20 | {/* {!isShared && !session ? (
21 | <>
22 |
23 |
24 |
25 |
26 |
27 |
28 | Please{' '}
29 |
30 | log in
31 | {' '}
32 | or{' '}
33 |
34 | sign up
35 | {' '}
36 | to save and revisit your chat history!
37 |
38 |
39 |
40 |
41 |
42 | ) : null} */}
43 |
44 | {messages.map((message, index) => (
45 |
46 | {message.display}
47 | {index < messages.length - 1 && }
48 |
49 | ))}
50 |