remove cap related things and refactor ui

Author: goktug-gurbuzturk-wp

src/App.svelte

@@ -116,8 +116,6 @@
 
 </style>
 
-<div class='notice'>PLEASE DO NOT USE THIS WEBSITE. A new version of CAP is now available. Check it out <a href='https://cap.io'>here</a>.</div>
-
 <Modals />
 <Toasts />
 

src/components/Order.svelte

@@ -287,11 +287,4 @@
 
 	</div>
 
-	{#if !$address}
-	<div class='note'>CAP is an open protocol to trade crypto perpetuals with low fees. <a data-intercept="true" on:click={() => {showModal('Connect')}}>Connect your wallet</a> on Arbitrum to get started.</div>
-	{:else if $address && balance * 1 == 0}
-	<div class='note'><a href='https://docs.cap.finance/setting-up-your-wallet' target='_blank'>Bridge funds</a> to Arbitrum to start trading.</div>
-	{/if}
-	
-
 </div>

src/components/layout/Header.svelte

@@ -83,12 +83,9 @@
 	<div class='inner' class:home={!$currentPage || $currentPage == 'home'}>
 
 		<div class='left'>
-			<a class='logo' class:active={!$currentPage || $currentPage == 'home'} href='/'>
-				<img src='/logos/CAP.svg' title='CAP Home' alt='CAP Home' />
-			</a>
+			<!-- TODO (autonom): add Autonom logo here -->
 			<a class='link' class:active={$currentPage == 'trade'} href='#/trade'>Trade</a>
 			<a class='link' class:active={$currentPage == 'pool'} href='#/pool'>Pool</a>
-			<a class='link' href='https://docs.cap.finance' target='_blank'>Docs</a>
 		</div>
 
 		<div class='right'>

src/components/pages/Trade.svelte

@@ -26,7 +26,7 @@
 		grid-template-rows: calc(var(--ticker-height) + var(--chart-resolution-height) + var(--chart-height) + 3 * var(--grid-gap)) auto;
 		background-color: var(--rich-black-fogra);
 		position: absolute;
-		top: calc(var(--header-height) + var(--grid-gap) + 44px);
+		top: calc(var(--header-height) + var(--grid-gap));
 		bottom: 0;
 		left: 0;
 		right: 0;

src/lib/utils.js

@@ -165,22 +165,16 @@ export function hideModal() {
 
 // Routing
 export function loadRoute(path, isInitial) {
-	if (!path || path == '/' || path.includes('/home')) {
-		component.set(Home);
-		currentPage.set('home');
-		document.title = `Free Decentralized Perpetual Exchange | CAP`;
-	} else if (path.includes('/trade')) {
+	// TODO (autonom): As we do not want to have things related to CAP, we removed Home and Buy pages from the routes
+	// However, still keeping those page implementation in the repo in case we want to implement smth similar to them.
+	if (!path || path == '/' || path.includes('/trade')) {
 		component.set(Trade);
 		currentPage.set('trade');
-		document.title = `Trade | CAP`;
+		document.title = `Trade | Autonom`;
 	} else if (path.includes('/pool')) {
 		component.set(Pool);
 		currentPage.set('pool');
-		document.title = `Pool | CAP`;
-	} else if (path.includes('/buy')) {
-		component.set(Buy);
-		currentPage.set('buy');
-		document.title = `Buy CAP | CAP`;
+		document.title = `Pool | Autonom`;
 	}
 	hydrateData();
 }