WIP

Author: joepio

.github/workflows/main.yml

@@ -20,7 +20,7 @@ jobs:
           password: ${{ secrets.DOCKERHUB_TOKEN }}
       - name: Extract metadata (tags, labels) for Docker
         id: meta
-        uses: docker/metadata-action@98669ae865ea3cffbcbaa878cf57c20bbf1c6c38
+        uses: docker/metadata-action@v5
         with:
           images: joepmeneer/atomic-server
           github-token: ${{ secrets.GITHUB_TOKEN }}

browser/data-browser/src/components/ErrorLook.tsx

@@ -3,6 +3,7 @@ import { styled, css } from 'styled-components';
 
 import { FaExclamationTriangle } from 'react-icons/fa';
 import { Column } from './Row';
+import { CodeBlock } from './CodeBlock';
 
 export const errorLookStyle = css`
   color: ${props => props.theme.colors.alert};
@@ -27,17 +28,11 @@ export function ErrorBlock({ error, showTrace }: ErrorBlockProps): JSX.Element {
         Something went wrong
       </BiggerText>
       <Column>
-        <CodeBlock>{error.message}</CodeBlock>
+        <CodeBlock content={error.message || 'no error message available'} />
         {showTrace && (
           <>
             Stack trace:
-            <CodeBlock
-              style={{
-                maxHeight: '10rem',
-              }}
-            >
-              {error.stack}
-            </CodeBlock>
+            <CodeBlock content={error.stack || 'no stack trace available'} />
           </>
         )}
       </Column>
@@ -46,12 +41,11 @@ export function ErrorBlock({ error, showTrace }: ErrorBlockProps): JSX.Element {
 }
 
 const ErrorLookBig = styled.div`
-  color: ${p => p.theme.colors.alert};
   font-size: 1rem;
   padding: ${p => p.theme.margin}rem;
   border-radius: ${p => p.theme.radius};
   border: 1px solid ${p => lighten(0.2, p.theme.colors.alert)};
-  background-color: ${p => p.theme.colors.bg1};
+  background-color: ${p => p.theme.colors.bg};
 `;
 
 const Pre = styled.pre`
@@ -63,6 +57,7 @@ const Pre = styled.pre`
 `;
 
 const BiggerText = styled.p`
+  color: ${p => p.theme.colors.alert};
   font-size: 1.3rem;
   display: flex;
   align-items: center;

browser/data-browser/src/components/RegisterSignIn.tsx

@@ -82,7 +82,7 @@ export function RegisterSignIn({
           Sign In
         </Button>
       </Row>
-      <Dialog {...dialogProps}>
+      {/* <Dialog {...dialogProps}>
         {pageState === PageStateOpts.register && (
           <Register
             setPageState={setPageState}
@@ -114,7 +114,7 @@ export function RegisterSignIn({
             message={'Click that link to create a new PassPhrase.'}
           />
         )}
-      </Dialog>
+      </Dialog> */}
     </>
   );
 }

browser/data-browser/src/views/ErrorPage.tsx

@@ -17,7 +17,7 @@ import { Guard } from '../components/Guard';
 function ErrorPage({ resource }: ResourcePageProps): JSX.Element {
   const { agent } = useSettings();
   const store = useStore();
-  const subject = resource.getSubject();
+  const subject = resource.subject;
 
   React.useEffect(() => {
     // Try again when agent changes
@@ -60,8 +60,8 @@ function ErrorPage({ resource }: ResourcePageProps): JSX.Element {
   return (
     <ContainerWide>
       <Column>
-        <h1>Could not open {resource.getSubject()}</h1>
-        <ErrorBlock error={resource.error!} />
+        <h1>Could not open {resource.subject}</h1>
+        <ErrorBlock error={resource.error!} showTrace />
         <Row>
           <Button
             onClick={() =>