411/widget functionality (#413)

* Modded lib/components/BrandedFooter

* Overwritting lib/assets/svg/logo with CoW Protocol's logo

src/custom/lib/components/BrandedFooter/BrandedFooterMod.tsx

@@ -0,0 +1,43 @@
+import { Trans } from '@lingui/macro'
+import Row from 'lib/components/Row'
+import { Logo } from 'lib/icons'
+import { /*styled,*/ /*brand,*/ ThemedText } from 'lib/theme'
+
+// MOD imports
+import { UniswapA } from '@src/lib/components/BrandedFooter'
+
+/* import ExternalLink from './ExternalLink'
+
+const UniswapA = styled(ExternalLink)`
+  color: ${({ theme }) => theme.secondary};
+  cursor: pointer;
+  text-decoration: none;
+
+  ${Logo} {
+    fill: ${({ theme }) => theme.secondary};
+    height: 1em;
+    transition: transform 0.25s ease, fill 0.25s ease;
+    width: 1em;
+    will-change: transform;
+  }
+
+  :hover ${Logo} {
+    fill: ${brand};
+    transform: rotate(-5deg);
+  }
+` */
+
+export default function BrandedFooter() {
+  return (
+    <Row justify="center">
+      <UniswapA href={`https://cow.fi/`}>
+        <Row gap={0.25}>
+          <Logo />
+          <ThemedText.Caption>
+            <Trans>Powered by the CoW Protocol</Trans>
+          </ThemedText.Caption>
+        </Row>
+      </UniswapA>
+    </Row>
+  )
+}

src/custom/lib/components/BrandedFooter/index.tsx

@@ -0,0 +1,3 @@
+import BrandedFooter from './BrandedFooterMod'
+
+export default BrandedFooter

src/lib/components/BrandedFooter.tsx

@@ -5,7 +5,7 @@ import styled, { brand, ThemedText } from 'lib/theme'
 
 import ExternalLink from './ExternalLink'
 
-const UniswapA = styled(ExternalLink)`
+export const UniswapA = styled(ExternalLink)`
   color: ${({ theme }) => theme.secondary};
   cursor: pointer;
   text-decoration: none;