Resolution failed for {did}
;
+ }
+
+ return (
+ <>
+
+
+
+
+
+ 
+
+
+
+ );
+};
diff --git a/components/did-resolution-tabs.tsx b/components/did-resolution-tabs.tsx
new file mode 100644
index 0000000..57d6657
--- /dev/null
+++ b/components/did-resolution-tabs.tsx
@@ -0,0 +1,63 @@
+import * as React from "react";
+import PropTypes from "prop-types";
+import Tabs from "@mui/material/Tabs";
+import Tab from "@mui/material/Tab";
+import Box from "@mui/material/Box";
+
+function TabPanel(props: any) {
+ const { children, value, index, ...other } = props;
+
+ return (
+
+
+ {resolution.didDocumentMetadata.image}
+
+
+
+
+
+
+
+ {value === index && {children} }
+
+ );
+}
+
+TabPanel.propTypes = {
+ children: PropTypes.node,
+ index: PropTypes.number.isRequired,
+ value: PropTypes.number.isRequired,
+};
+
+function a11yProps(index: any) {
+ return {
+ id: `simple-tab-${index}`,
+ "aria-controls": `simple-tabpanel-${index}`,
+ };
+}
+
+export const ResolutionTabs = ({ image, didDocument }: any) => {
+ const [value, setValue] = React.useState(0);
+
+ const handleChange = (event: any, newValue: any) => {
+ setValue(newValue);
+ };
+
+ return (
+
+
+ );
+};
diff --git a/components/file-uploader.tsx b/components/file-uploader.tsx
new file mode 100644
index 0000000..12d9117
--- /dev/null
+++ b/components/file-uploader.tsx
@@ -0,0 +1,45 @@
+import React, { useCallback } from "react";
+import { useDropzone } from "react-dropzone";
+
+import { Paper, Typography } from "@mui/material";
+
+import { lightBlue, blue } from "@mui/material/colors";
+import { useTheme } from "@mui/material/styles";
+
+export const FileUploader = ({ onFilesAccepted }: any) => {
+ const theme = useTheme();
+
+ const onDrop = useCallback(
+ (acceptedFiles) => {
+ onFilesAccepted(acceptedFiles);
+ },
+ [onFilesAccepted]
+ );
+ const { getRootProps, getInputProps, isDragActive } = useDropzone({ onDrop });
+
+ return (
+ -
+
-
+
+
+ {file.path}
+ {
+ handleTextChange(event.target.value);
+ }}
+ />
+
+
+
+ Anyone knowing this phrase controls this meme.
+
+
+ }
+ multiline
+ value={mnemonic}
+ fullWidth
+ InputProps={{
+ endAdornment: (
+
+
+ Add an image to get started
+
+
+ Data will be published to the public IPFS network.
+
+
+
+ DO NOT publish offensive content or data you do not own.
+
+
+
+
+ //
+ return (
+
+
+ {activeStep !== 0 && (
+
+ )}
+
+
+
+ )}
+
+ {steps[activeStep].content}
+
+
+
+
+
+
+
+
+
+
+ {recipient && (
+
+
+
+ {
+ setMnemonic(event.target.value);
+ }}
+ style={{ marginBottom: "32px", marginTop: "32px" }}
+ fullWidth
+ InputProps={{
+ endAdornment: (
+
+
+
+
+ ),
+ }}
+ />
+
+ )}
+
+ {plaintext && (
+
+
+ {!resolution && (
+ <>
+
+
+ Resolving DID... due to IPFS being decentralized this
+ may take minutes.
+
+
+
+ )}
+ {resolution && (
+ <>
+
+ {/*
+
+ {
+ setMessage(event.target.value);
+ }}
+ fullWidth
+ InputProps={{
+ endAdornment: (
+
+
+
+
+ ),
+ }}
+ />
+
+ )}
+
+
+