diff --git a/net/web/src/admin/dashboard/Dashboard.jsx b/net/web/src/admin/dashboard/Dashboard.jsx index ae851ce1..e36728f8 100644 --- a/net/web/src/admin/dashboard/Dashboard.jsx +++ b/net/web/src/admin/dashboard/Dashboard.jsx @@ -122,15 +122,22 @@ export function Dashboard({ token, config, logout }) { - actions.setShowCreate(false)}>OK ]} onCancel={() => actions.setShowCreate(false)}> + Browser Link: {createLink()} } size="small" onClick={() => onClipboard(createLink())} /> + + App Token: + {state.createToken} + } size="small" + onClick={() => onClipboard(state.createToken)} /> + diff --git a/net/web/src/admin/dashboard/Dashboard.styled.js b/net/web/src/admin/dashboard/Dashboard.styled.js index c59c4bad..c7905178 100644 --- a/net/web/src/admin/dashboard/Dashboard.styled.js +++ b/net/web/src/admin/dashboard/Dashboard.styled.js @@ -84,7 +84,21 @@ export const CreateLayout = styled.div` display: flex; flex-direction: row; max-width: 100%; - + padding-top: 8px; + + .label { + padding-right: 16px; + width: 112px; + } + + .token { + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; + min-width: 0; + padding-right: 8px; + } + .link { text-overflow: ellipsis; overflow: hidden; diff --git a/net/web/src/admin/dashboard/accountItem/AccountItem.jsx b/net/web/src/admin/dashboard/accountItem/AccountItem.jsx index 18f576b6..db291681 100644 --- a/net/web/src/admin/dashboard/accountItem/AccountItem.jsx +++ b/net/web/src/admin/dashboard/accountItem/AccountItem.jsx @@ -78,15 +78,22 @@ export function AccountItem({ token, item, remove }) { > )} - actions.setShowAccess(false)}>OK ]} onCancel={() => actions.setShowAccess(false)}> + Browser Link: {accessLink()} } size="small" onClick={() => onClipboard(accessLink())}/> + + App Token: + {state.accessToken} + } size="small" + onClick={() => onClipboard(state.accessToken)} /> + diff --git a/net/web/src/admin/dashboard/accountItem/AccountItem.styled.js b/net/web/src/admin/dashboard/accountItem/AccountItem.styled.js index e5545720..de4976a9 100644 --- a/net/web/src/admin/dashboard/accountItem/AccountItem.styled.js +++ b/net/web/src/admin/dashboard/accountItem/AccountItem.styled.js @@ -88,7 +88,21 @@ export const AccessLayout = styled.div` display: flex; flex-direction: row; width: 100%; - + padding-top: 8px; + + .label { + padding-right: 16px; + width: 112px; + } + + .token { + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; + min-width: 0; + padding-right: 8px; + } + .link { text-overflow: ellipsis; overflow: hidden;