Page MenuHomePhabricator
Files F3400743

D6058.id20201.diff
No OneTemporary
Actions

D6058.id20201.diff
View Options

diff --git a/keyserver/images/ethereum_icon.svg b/keyserver/images/ethereum_icon.svg
deleted file mode 100644
--- a/keyserver/images/ethereum_icon.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<!-- sourced from https://login.xyz/ -->
-<svg class="w-6 mr-4" width="35" height="58" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35 58" fill="none">
-<path d="M17.4954 0L17.1132 1.29889V38.9897L17.4954 39.3711L34.991 29.0295L17.4954 0Z" fill="white"></path><path d="M17.4956 0L0 29.0295L17.4956 39.3713V21.0773V0Z" fill="white"></path><path d="M17.494 42.6838L17.2786 42.9463V56.3726L17.494 57.0017L35 32.3474L17.494 42.6838Z" fill="white"></path><path d="M17.4956 57.0014V42.6835L0 32.3471L17.4956 57.0014Z" fill="white"></path><path d="M17.4965 39.3711L34.9919 29.0296L17.4965 21.0774V39.3711Z" fill="white"></path><path d="M0 29.0296L17.4954 39.3711V21.0774L0 29.0296Z" fill="white"></path>
-</svg>
diff --git a/landing/siwe.css b/landing/siwe.css
--- a/landing/siwe.css
+++ b/landing/siwe.css
@@ -3,25 +3,41 @@
background: #242529 !important;
}
-.button {
+.wrapper {
display: flex;
- flex-direction: row;
+ flex-wrap: wrap;
+ flex-direction: column;
justify-content: center;
align-items: center;
align-content: center;
+ padding-top: 20px;
+ padding-bottom: 50px;
+ color: white;
+ font-family: sans-serif;
+ padding: 20px;
+}
+.walletDisplay {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ padding: 60px;
+}
+.walletDisplayText {
+ font-size: 24px;
+ padding: 5px;
+}
+.wrapper > p {
+ text-align: center;
+ padding: 5px;
+ font-size: 15px;
+}
+.button {
+ margin-top: 20px;
background: #7e57c2;
- box-shadow: -12px 20px 50px rgba(126, 87, 194, 0.5);
- border-color: white;
- border-width: 2px;
- border-radius: 15px;
- text-transform: uppercase;
+ border-radius: 4px;
+ text-align: center;
padding: 10px;
- width: 241px;
-}
-@media screen and (max-width: 400px) {
- .button {
- width: 140px;
- }
+ width: 100%;
}
/* Classes from node_modules/@rainbow-me/rainbowkit/dist/components/index.css */
diff --git a/landing/siwe.react.js b/landing/siwe.react.js
--- a/landing/siwe.react.js
+++ b/landing/siwe.react.js
@@ -6,6 +6,7 @@
RainbowKitProvider,
darkTheme,
useModalState,
+ ConnectButton,
} from '@rainbow-me/rainbowkit';
import invariant from 'invariant';
import _merge from 'lodash/fp/merge';
@@ -150,9 +151,22 @@
return null;
} else {
return (
- <div className={css.button} onClick={onClick}>
- <img src="images/ethereum_icon.svg" style={ethIconStyle} />
- sign in
+ <div className={css.wrapper}>
+ <div className={css.walletDisplay}>
+ <span className={css.walletDisplayText}>Wallet Connected:</span>
+ <ConnectButton />
+ </div>
+ <p>
+ To complete the login process, you&apos;ll now be asked to sign a
+ message using your wallet.
+ </p>
+ <p>
+ This signature will attest that your Ethereum identity is represented
+ by your new Comm identity.
+ </p>
+ <div className={css.button} onClick={onClick}>
+ Sign in
+ </div>
</div>
);
}
@@ -179,6 +193,4 @@
);
}
-const ethIconStyle = { height: 25, paddingRight: 10 };
-
export default SIWEWrapper;

File Metadata

Mime Type
text/plain
Expires
Tue, Dec 3, 8:39 AM (20 h, 8 m)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
2610404
Default Alt Text
D6058.id20201.diff (3 KB)

Event Timeline