feat: add node terms and conditions (#7)

* deps: upgrade front-core to 1.24.2

* deps: upgrade sdk

* feat: add node terms and conditions

package.json

@@ -11,16 +11,16 @@
     "lint:fix": "next lint --fix"
   },
   "dependencies": {
-    "@aleph-front/core": "^1.22.4",
-    "@aleph-sdk/account": "^1.0.3",
-    "@aleph-sdk/avalanche": "^1.0.3",
-    "@aleph-sdk/client": "^1.0.6",
-    "@aleph-sdk/core": "^1.0.3",
-    "@aleph-sdk/ethereum": "^1.0.3",
-    "@aleph-sdk/evm": "^1.0.3",
-    "@aleph-sdk/message": "^1.0.6",
-    "@aleph-sdk/solana": "^1.0.3",
-    "@aleph-sdk/superfluid": "^1.0.6",
+    "@aleph-front/core": "^1.24.2",
+    "@aleph-sdk/account": "^1.2.0",
+    "@aleph-sdk/avalanche": "^1.2.0",
+    "@aleph-sdk/client": "^1.2.4",
+    "@aleph-sdk/core": "^1.2.0",
+    "@aleph-sdk/ethereum": "^1.2.0",
+    "@aleph-sdk/evm": "^1.2.0",
+    "@aleph-sdk/message": "^1.3.0",
+    "@aleph-sdk/solana": "^1.2.1",
+    "@aleph-sdk/superfluid": "^1.2.0",
     "@fortawesome/fontawesome-svg-core": "^6.3.0",
     "@hookform/resolvers": "^3.1.1",
     "@types/node": "18.14.1",

src/components/common/ExternalLink/cmp.tsx

@@ -0,0 +1,32 @@
+import { memo } from 'react'
+import { StyledExternalLink } from './styles'
+import { ExternalLinkProps } from './types'
+import { Icon } from '@aleph-front/core'
+
+export const ExternalLink = ({
+  text,
+  href,
+  color,
+  typo,
+  underline,
+  ...props
+}: ExternalLinkProps) => {
+  return (
+    <>
+      <StyledExternalLink
+        href={href}
+        target="_blank"
+        $color={color}
+        $typo={typo}
+        $underline={underline}
+        {...props}
+      >
+        {text ? text : href}
+        <Icon name="square-up-right" tw="ml-1.5" />
+      </StyledExternalLink>
+    </>
+  )
+}
+ExternalLink.displayName = 'ExternalLink'
+
+export default memo(ExternalLink) as typeof ExternalLink

src/components/common/ExternalLink/index.ts

@@ -0,0 +1,2 @@
+export { default } from './cmp'
+export type { ExternalLinkProps } from './types'

src/components/common/ExternalLink/styles.ts

@@ -0,0 +1,17 @@
+import { CoreTheme, getTypoCss } from '@aleph-front/core'
+import styled from 'styled-components'
+import { css } from 'styled-components'
+
+export type StyledExternalLinkProps = {
+  $color?: keyof CoreTheme['color']
+  $typo?: keyof CoreTheme['typo']
+  $underline?: boolean
+}
+
+export const StyledExternalLink = styled.a<StyledExternalLinkProps>`
+  ${({ theme, $color = 'white', $typo, $underline = false }) => css`
+    color: ${theme.color[$color]};
+    text-decoration: ${$underline ? 'underline' : 'none'};
+    ${$typo ? getTypoCss($typo) : ''}
+  `}
+`

src/components/common/ExternalLink/types.ts

@@ -0,0 +1,10 @@
+import { CoreTheme } from '@aleph-front/core'
+import { AnchorHTMLAttributes } from 'react'
+
+export type ExternalLinkProps = AnchorHTMLAttributes<HTMLAnchorElement> & {
+  href: string
+  text?: string
+  color?: keyof CoreTheme['color']
+  typo?: keyof CoreTheme['typo']
+  underline?: boolean
+}