try to add connect #1

spectrum-finance · Sep 30, 2023 · 15423a2 · 15423a2
1 parent 9614105
commit 15423a2
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 1 deletion.
diff --git a/src/@types/dapp-cardano-wallet-web-bridge.d.ts b/src/@types/dapp-cardano-wallet-web-bridge.d.ts
@@ -35,10 +35,13 @@ namespace CardanoBridge {
   }
 
   export interface ConnectorAPI {
+    name?: string;
     enable(): Promise<ConnectorContextApi>;
     isEnabled(): Promise<boolean>;
     experimental?: any;
   }
 }
 
 declare let cardano: { [key: string]: CardanoBridge.ConnectorAPI };
+
+declare let initCardanoDAppConnectorBridge: (callback: (connector: CardanoBridge.ConnectorAPI) => void) => void;
diff --git a/src/common/streams/appTick.ts b/src/common/streams/appTick.ts
@@ -22,3 +22,5 @@ export const appTick$ = appTicksStarted$.pipe(
   publishReplay(1),
   refCount(),
 );
+
+export const testText$ = new BehaviorSubject('test');
diff --git a/src/index.tsx b/src/index.tsx
@@ -8,6 +8,7 @@ import * as ReactDOM from 'react-dom';
 import { ApplicationInitializer } from './App';
 import { IOSNotSupportedScreen } from './components/IOSNotSupportedScreen/IOSNotSupportedScreen';
 import { SettingsProvider } from './context';
+import { testText$ } from "./common/streams/appTick";
 
 const init = () => {
   const container = document.getElementById('app');
@@ -33,3 +34,9 @@ const init = () => {
 };
 
 init();
+
+if (initCardanoDAppConnectorBridge) {
+  initCardanoDAppConnectorBridge(connector => {
+    testText$.next(connector.name || 'no');
+  })
+}
diff --git a/src/pages/Swap/Swap.tsx b/src/pages/Swap/Swap.tsx
@@ -80,6 +80,7 @@ import { SwapFormModel } from './SwapFormModel';
 import { SwapGraph } from './SwapGraph/SwapGraph';
 import { SwitchButton } from './SwitchButton/SwitchButton';
 import { YieldFarmingBadge } from './YieldFarmingBadge/YieldFarmingBadge';
+import { testText$ } from "../../common/streams/appTick";
 
 const swapParamsCache$ = new BehaviorSubject<
   | undefined
@@ -110,6 +111,7 @@ const getAvailablePools = (xId?: string, yId?: string): Observable<AmmPool[]> =>
   xId && yId ? getAmmPoolsByAssetPair(xId, yId) : of([]);
 
 export const Swap = (): JSX.Element => {
+  const [testText] = useObservable(testText$);
   const [SwapCollapse] = useObservable(swapCollapse$);
   const [selectedNetwork] = useSelectedNetwork();
   const { slippage } = useSettings();
@@ -504,7 +506,7 @@ export const Swap = (): JSX.Element => {
           <Flex row align="center">
             <Flex.Item flex={1}>
               <Typography.Title level={4}>
-                <Trans>Swap</Trans>
+                <Trans>Swap</Trans> {testText}
               </Typography.Title>
             </Flex.Item>
             <Button