Skip to content

Commit

Permalink
Maintenance PR (#13)
Browse files Browse the repository at this point in the history
* chore: maintenance

* chore: refactor
  • Loading branch information
echarles authored Oct 23, 2024
1 parent 1f7857a commit 9497064
Show file tree
Hide file tree
Showing 15 changed files with 197 additions and 112 deletions.
62 changes: 62 additions & 0 deletions .github/workflows/fix-license-header.yml
Original file line number Diff line number Diff line change
@@ -0,0 +1,62 @@
name: Fix License Headers

on:
pull_request_target:

concurrency:
group: ${{ github.workflow }}-${{ github.event.pull_request.number || github.ref }}
cancel-in-progress: true

jobs:
header-license-fix:
runs-on: ubuntu-latest

permissions:
contents: write
pull-requests: write

steps:
- name: Checkout
uses: actions/checkout@v4
with:
token: ${{ secrets.GITHUB_TOKEN }}

- name: Checkout the branch from the PR that triggered the job
run: gh pr checkout ${{ github.event.pull_request.number }}
env:
GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

- name: Fix License Header
# pin to include https://github.com/apache/skywalking-eyes/pull/168
uses: apache/skywalking-eyes/header@e19b828cea6a6027cceae78f05d81317347d21be
with:
mode: fix

- name: List files changed
id: files-changed
shell: bash -l {0}
run: |
set -ex
export CHANGES=$(git status --porcelain | tee /tmp/modified.log | wc -l)
cat /tmp/modified.log
echo "N_CHANGES=${CHANGES}" >> $GITHUB_OUTPUT
git diff
- name: Commit any changes
if: steps.files-changed.outputs.N_CHANGES != '0'
shell: bash -l {0}
run: |
git config user.name "github-actions[bot]"
git config user.email "github-actions[bot]@users.noreply.github.com"
git pull --no-tags
git add *
git commit -m "Automatic application of license header"
git config push.default upstream
git push
env:
GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
3 changes: 0 additions & 3 deletions dev/sh/kill.sh
Original file line number Diff line number Diff line change
Expand Up @@ -25,6 +25,3 @@ kill_port 3208
kill_port 8080
kill_port 8686
kill_port 8888


echo "--------------------------------------------------"
10 changes: 5 additions & 5 deletions docs/docusaurus.config.js
Original file line number Diff line number Diff line change
Expand Up @@ -34,10 +34,10 @@ module.exports = {
'aria-label': 'Linkedin',
},
{
href: 'https://twitter.com/DatalayerIO',
href: 'https://x.com/DatalayerIO',
position: 'right',
className: 'header-twitter-link',
'aria-label': 'Twitter',
className: 'header-x-link',
'aria-label': 'X',
},
{
href: 'https://github.com/datalayer/jupyter-viewer',
Expand Down Expand Up @@ -73,8 +73,8 @@ module.exports = {
href: 'https://github.com/datalayer',
},
{
label: 'Twitter',
href: 'https://twitter.com/datalayerio',
label: 'X',
href: 'https://x.com/datalayerio',
},
{
label: 'Linkedin',
Expand Down
18 changes: 9 additions & 9 deletions docs/src/css/custom.css
Original file line number Diff line number Diff line change
Expand Up @@ -47,7 +47,7 @@
width: 24px;
height: 24px;
display: flex;
background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12'/%3E%3C/svg%3E")
background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg viewBox='0 0 80 80' version='1.1' id='svg4' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3E%3Cdefs id='defs8' /%3E%3Cpath fill='%23959da5' d='M 40,0 C 17.9,0 0,17.900001 0,40 c 0,17.7 11.45,32.65 27.35,37.950001 2,0.35 2.75,-0.85 2.75,-1.9 0,-0.95 -0.05,-4.1 -0.05,-7.45 C 20,70.45 17.4,66.15 16.6,63.9 16.15,62.75 14.2,59.2 12.5,58.25 11.1,57.5 9.1,55.65 12.45,55.600001 c 3.15,-0.05 5.4,2.899999 6.15,4.1 3.6,6.05 9.35,4.35 11.65,3.3 0.35,-2.6 1.4,-4.35 2.55,-5.35 -8.9,-1 -18.2,-4.45 -18.2,-19.75 0,-4.35 1.55,-7.95 4.1,-10.75 -0.4,-1 -1.8,-5.1 0.4,-10.6 0,0 3.35,-1.05 11,4.1 3.2,-0.9 6.6,-1.35 10,-1.35 3.4,0 6.8,0.45 10,1.35 7.65,-5.2 11,-4.1 11,-4.1 2.2,5.5 0.8,9.6 0.4,10.6 2.55,2.8 4.1,6.35 4.1,10.75 0,15.35 -9.35,18.75 -18.25,19.75 1.45,1.25 2.7,3.65 2.7,7.4 0,5.349999 -0.05,9.65 -0.05,11 0,1.05 0.75,2.3 2.75,1.9 A 40.065,40.065 0 0 0 80,40 C 80,17.900001 62.1,0 40,0 Z' id='path2' style='stroke-width:5' /%3E%3C/svg%3E%0A")
no-repeat;
}

Expand All @@ -56,25 +56,25 @@
}

[data-theme='dark'] .header-github-link::before {
background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='white' d='M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12'/%3E%3C/svg%3E")
background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg viewBox='0 0 80 80' version='1.1' id='svg4' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3E%3Cdefs id='defs8' /%3E%3Cpath fill='%23959da5' d='M 40,0 C 17.9,0 0,17.900001 0,40 c 0,17.7 11.45,32.65 27.35,37.950001 2,0.35 2.75,-0.85 2.75,-1.9 0,-0.95 -0.05,-4.1 -0.05,-7.45 C 20,70.45 17.4,66.15 16.6,63.9 16.15,62.75 14.2,59.2 12.5,58.25 11.1,57.5 9.1,55.65 12.45,55.600001 c 3.15,-0.05 5.4,2.899999 6.15,4.1 3.6,6.05 9.35,4.35 11.65,3.3 0.35,-2.6 1.4,-4.35 2.55,-5.35 -8.9,-1 -18.2,-4.45 -18.2,-19.75 0,-4.35 1.55,-7.95 4.1,-10.75 -0.4,-1 -1.8,-5.1 0.4,-10.6 0,0 3.35,-1.05 11,4.1 3.2,-0.9 6.6,-1.35 10,-1.35 3.4,0 6.8,0.45 10,1.35 7.65,-5.2 11,-4.1 11,-4.1 2.2,5.5 0.8,9.6 0.4,10.6 2.55,2.8 4.1,6.35 4.1,10.75 0,15.35 -9.35,18.75 -18.25,19.75 1.45,1.25 2.7,3.65 2.7,7.4 0,5.349999 -0.05,9.65 -0.05,11 0,1.05 0.75,2.3 2.75,1.9 A 40.065,40.065 0 0 0 80,40 C 80,17.900001 62.1,0 40,0 Z' id='path2' style='stroke-width:5' /%3E%3C/svg%3E%0A")
no-repeat;
}

.header-twitter-link::before {
.header-x-link::before {
content: '';
width: 24px;
height: 24px;
display: flex;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231DA1F2' viewBox='0 0 20 20' aria-hidden='true'%3E%3Cpath d='M19.96 3.808a8.333 8.333 0 01-2.353.646 4.132 4.132 0 001.802-2.269 8.47 8.47 0 01-2.606.987 4.1 4.1 0 00-6.986 3.735c-3.409-.161-6.428-1.799-8.45-4.272a4.018 4.018 0 00-.555 2.063A4.1 4.1 0 002.635 8.11a4.087 4.087 0 01-1.857-.513v.05a4.102 4.102 0 003.289 4.022 4.162 4.162 0 01-1.844.07 4.114 4.114 0 003.837 2.848 8.223 8.223 0 01-5.085 1.755c-.325 0-.65-.02-.975-.056a11.662 11.662 0 006.298 1.84c7.544 0 11.665-6.246 11.665-11.654 0-.175 0-.35-.013-.525A8.278 8.278 0 0020 3.825l-.04-.017z'/%3E%3C/svg%3E%0A")
background: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 1227' fill='rgb(149, 157, 165)'%3E%3Cpath d='M714.163 519.284 1160.89 0h-105.86L667.137 450.887 357.328 0H0l468.492 681.821L0 1226.37h105.866l409.625-476.152 327.181 476.152H1200L714.137 519.284h.026ZM569.165 687.828l-47.468-67.894-377.686-540.24h162.604l304.797 435.991 47.468 67.894 396.2 566.721H892.476L569.165 687.854v-.026Z' /%3E%3C/svg%3E%0A")
no-repeat;
}

.header-twitter-link:hover {
.header-x-link:hover {
opacity: 0.6;
}

[data-theme='dark'] .header-twitter-link::before {
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231DA1F2' viewBox='0 0 20 20' aria-hidden='true'%3E%3Cpath d='M19.96 3.808a8.333 8.333 0 01-2.353.646 4.132 4.132 0 001.802-2.269 8.47 8.47 0 01-2.606.987 4.1 4.1 0 00-6.986 3.735c-3.409-.161-6.428-1.799-8.45-4.272a4.018 4.018 0 00-.555 2.063A4.1 4.1 0 002.635 8.11a4.087 4.087 0 01-1.857-.513v.05a4.102 4.102 0 003.289 4.022 4.162 4.162 0 01-1.844.07 4.114 4.114 0 003.837 2.848 8.223 8.223 0 01-5.085 1.755c-.325 0-.65-.02-.975-.056a11.662 11.662 0 006.298 1.84c7.544 0 11.665-6.246 11.665-11.654 0-.175 0-.35-.013-.525A8.278 8.278 0 0020 3.825l-.04-.017z'/%3E%3C/svg%3E%0A")
[data-theme='dark'] .header-x-link::before {
background: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 1227' fill='rgb(149, 157, 165)'%3E%3Cpath d='M714.163 519.284 1160.89 0h-105.86L667.137 450.887 357.328 0H0l468.492 681.821L0 1226.37h105.866l409.625-476.152 327.181 476.152H1200L714.137 519.284h.026ZM569.165 687.828l-47.468-67.894-377.686-540.24h162.604l304.797 435.991 47.468 67.894 396.2 566.721H892.476L569.165 687.854v-.026Z' /%3E%3C/svg%3E%0A")
no-repeat;
}

Expand All @@ -83,7 +83,7 @@
width: 24px;
height: 24px;
display: flex;
background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24' version='1.1' id='svg839'%3E%3Cg fill='none' fill-rule='evenodd' id='g837' transform='scale(0.33333333)'%3E%3Cpath d='m 8,72 h 56 c 4.418278,0 8,-3.581722 8,-8 V 8 C 72,3.581722 68.418278,0 64,0 H 8 C 3.581722,0 0,3.581722 0,8 v 56 c 0,4.418278 3.581722,8 8,8 z' fill='%23007ebb' id='path833' /%3E%3Cpath d='M 62,62 H 51.315625 V 43.802115 c 0,-4.989361 -1.895833,-7.777583 -5.844922,-7.777583 -4.296094,0 -6.540625,2.901578 -6.540625,7.777583 V 62 H 28.633333 V 27.333333 h 10.296745 v 4.669595 c 0,0 3.095964,-5.728713 10.452474,-5.728713 C 56.735677,26.274215 62,30.764471 62,40.051212 Z M 16.349349,22.794013 C 12.842057,22.794013 10,19.929657 10,16.397007 10,12.864357 12.842057,10 16.349349,10 c 3.507292,0 6.347656,2.864357 6.347656,6.397007 0,3.53265 -2.840364,6.397006 -6.347656,6.397006 z M 11.032552,62 H 21.769401 V 27.333333 H 11.032552 Z' fill='%23ffffff' id='path835' /%3E%3C/g%3E%3C/svg%3E%0A")
background: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 18'%3E%3Cpath d='M3.94 2A2 2 0 1 1 2 0a2 2 0 0 1 1.94 2zM4 5.48H0V18h4zm6.32 0H6.34V18h3.94v-6.57c0-3.66 4.77-4 4.77 0V18H19v-7.93c0-6.17-7.06-5.94-8.72-2.91z' fill='rgb(149, 157, 165)'/%3E%3C/svg%3E")
no-repeat;
}

Expand All @@ -92,6 +92,6 @@
}

[data-theme='dark'] .header-linkedin-link::before {
background-image: url("data:image/svg+xml,%3Csvg height='72' viewBox='0 0 72 72' width='72' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M8,72 L64,72 C68.418278,72 72,68.418278 72,64 L72,8 C72,3.581722 68.418278,-8.11624501e-16 64,0 L8,0 C3.581722,8.11624501e-16 -5.41083001e-16,3.581722 0,8 L0,64 C5.41083001e-16,68.418278 3.581722,72 8,72 Z' fill='%23007EBB'/%3E%3Cpath d='M62,62 L51.315625,62 L51.315625,43.8021149 C51.315625,38.8127542 49.4197917,36.0245323 45.4707031,36.0245323 C41.1746094,36.0245323 38.9300781,38.9261103 38.9300781,43.8021149 L38.9300781,62 L28.6333333,62 L28.6333333,27.3333333 L38.9300781,27.3333333 L38.9300781,32.0029283 C38.9300781,32.0029283 42.0260417,26.2742151 49.3825521,26.2742151 C56.7356771,26.2742151 62,30.7644705 62,40.051212 L62,62 Z M16.349349,22.7940133 C12.8420573,22.7940133 10,19.9296567 10,16.3970067 C10,12.8643566 12.8420573,10 16.349349,10 C19.8566406,10 22.6970052,12.8643566 22.6970052,16.3970067 C22.6970052,19.9296567 19.8566406,22.7940133 16.349349,22.7940133 Z M11.0325521,62 L21.769401,62 L21.769401,27.3333333 L11.0325521,27.3333333 L11.0325521,62 Z' fill='%23FFF'/%3E%3C/g%3E%3C/svg%3E")
background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 18'%3E%3Cpath d='M3.94 2A2 2 0 1 1 2 0a2 2 0 0 1 1.94 2zM4 5.48H0V18h4zm6.32 0H6.34V18h3.94v-6.57c0-3.66 4.77-4 4.77 0V18H19v-7.93c0-6.17-7.06-5.94-8.72-2.91z' fill='rgb(149, 157, 165)'/%3E%3C/svg%3E")
no-repeat;
}
8 changes: 4 additions & 4 deletions package.json
Original file line number Diff line number Diff line change
Expand Up @@ -68,9 +68,9 @@
"watch:src": "tsc -w"
},
"dependencies": {
"@datalayer/icons-react": "^0.3.0",
"@datalayer/icons-react": "^0.3.2",
"@datalayer/jupyter-react": "^0.15.0",
"@datalayer/primer-addons": "^0.3.0",
"@datalayer/primer-addons": "^0.3.1",
"@jupyterlab/application": "^4.0.0",
"@jupyterlab/coreutils": "^6.0.0",
"@jupyterlab/services": "^7.0.0",
Expand Down Expand Up @@ -176,8 +176,8 @@
"@jupyterlab/theme-light-extension": "4.1.0",
"@jupyterlab/translation": "4.1.0",
"@jupyterlab/ui-components": "4.1.0",
"@jupyterlite/server": "0.2.2",
"@jupyterlite/server-extension": "0.2.2",
"@jupyterlite/server": "^0.4.0",
"@jupyterlite/server-extension": "^0.4.0",
"@jupyter/ydoc": "1.1.1",
"@lumino/algorithm": "2.0.1",
"@lumino/application": "2.2.0",
Expand Down
22 changes: 12 additions & 10 deletions src/Viewer.tsx
Original file line number Diff line number Diff line change
@@ -1,10 +1,9 @@
import { useState, useEffect } from 'react';
import { ThemeProvider, BaseStyles, Box, UnderlineNav, Pagehead, Heading } from '@primer/react';
import { useNavigate } from "react-router-dom";
import { ThemeProvider, BaseStyles, Box, UnderlineNav, Pagehead, Heading, Link } from '@primer/react';
import { JupyterLabAppAdapter } from '@datalayer/jupyter-react';
import { DatalayerGreenIcon, EyesIcon } from '@datalayer/icons-react';
import ViewerFormTab from './tabs/ViewerFormTab';
import ViewerExamplesTab from './tabs/ViewerExamplesTab';
import AboutTab from './tabs/AboutTab';
import { DatalayerGreenIcon } from '@datalayer/icons-react';
import { ViewerForm, ViewerExamples, ViewerAbout } from './views';
import { requestAPI } from './jupyterlab/handler';

export type JupyterViewerProps = {
Expand All @@ -14,6 +13,7 @@ export type JupyterViewerProps = {
const JupyterViewer = (props: JupyterViewerProps) => {
const [tab, setTab] = useState(1);
const [version, setVersion] = useState('');
const navigate = useNavigate();
useEffect(() => {
requestAPI<any>('config')
.then(data => {
Expand All @@ -32,7 +32,9 @@ const JupyterViewer = (props: JupyterViewerProps) => {
<Pagehead>
<Box display="flex">
<Box mr={3}>
<DatalayerGreenIcon size={32} colored/>
<Link href="#" onClick={e => navigate('/')}>
<DatalayerGreenIcon size={32} colored />
</Link>
</Box>
<Box mr={3}>
<Heading>Jupyter Viewer</Heading>
Expand All @@ -48,15 +50,15 @@ const JupyterViewer = (props: JupyterViewerProps) => {
<UnderlineNav.Item aria-label="viewer-examples" aria-current={tab === 2 ? "page" : undefined} onSelect={e => {e.preventDefault(); setTab(2);}}>
Examples
</UnderlineNav.Item>
<UnderlineNav.Item aria-label="viewer-about" aria-current={tab === 3 ? "page" : undefined} icon={() => <EyesIcon colored/>} onSelect={e => {e.preventDefault(); setTab(3);}}>
<UnderlineNav.Item aria-label="viewer-about" aria-current={tab === 3 ? "page" : undefined} onSelect={e => {e.preventDefault(); setTab(3);}}>
About
</UnderlineNav.Item>
</UnderlineNav>
</Box>
<Box m={3}>
{tab === 1 && <ViewerFormTab />}
{tab === 2 && <ViewerExamplesTab />}
{tab === 3 && <AboutTab version={version} />}
{tab === 1 && <ViewerForm />}
{tab === 2 && <ViewerExamples />}
{tab === 3 && <ViewerAbout version={version} />}
</Box>
</Box>
</BaseStyles>
Expand Down
1 change: 1 addition & 0 deletions src/index.ts
Original file line number Diff line number Diff line change
@@ -1,3 +1,4 @@
export * from "./views";
export * from "./Viewer";
export * from "./ViewerRoutes";
export * from "./ViewerJupyterLab";
Expand Down
6 changes: 3 additions & 3 deletions src/state/zustand.ts
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@ export class Timer {
}
}

export type ZustandState = {
export type JupyterViewerState = {
tab: number;
getIntTab: () => number;
setTab: (tab: number) => void;
Expand All @@ -24,7 +24,7 @@ export type ZustandState = {
secondsPassed: number;
}

export const useStore = create<ZustandState>((set, get) => ({
export const useJupyterViewerStore = create<JupyterViewerState>((set, get) => ({
tab: 0.0,
getIntTab: () => Math.floor(get().tab),
setTab: (tab: number) => set((state) => ({ tab })),
Expand All @@ -36,4 +36,4 @@ export const useStore = create<ZustandState>((set, get) => ({
secondsPassed: 0,
}));

export default useStore;
export default useJupyterViewerStore;
46 changes: 0 additions & 46 deletions src/tabs/AboutTab.tsx

This file was deleted.

33 changes: 33 additions & 0 deletions src/views/ViewerAbout.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,33 @@
import { useState } from 'react';
import { Pagehead, Label, Text, Box } from '@primer/react';
import { ECharlesIcon } from '@datalayer/icons-react/eggs';

type Props = {
version: string;
}

export const ViewerAbout = (props: Props): JSX.Element => {
const { version } = props;
const [egg, setEgg] = useState(false);
return (
<>
<Pagehead as="h2">🪐 👀 Jupyter Viewer{ version && <Label sx={{marginLeft: 1}}>{version}</Label>}</Pagehead>
<Box>
<Text>A revisited NbViewer as a modern Web application to view Jupyter notebooks.</Text>
</Box>
<Box mt={3}>
{!egg ? (
<img
src="https://raw.githubusercontent.com/datalayer/icons/refs/heads/main/svg/data1/jupyter-base-name.svg"
onClick={e => setEgg(true)}
style={{ width: 300 }}
/>
) : (
<ECharlesIcon size={300} onClick={e => setEgg(false)} />
)}
</Box>
</>
);
}

export default ViewerAbout;
Loading

0 comments on commit 9497064

Please sign in to comment.