-
- setDemoState(
- overlayData?.overlay ? DemoState.SeenDemo : DemoState.PausedDemo
- )
- }
- skipFunc={() => setDemoState(DemoState.SeenDemo)}
- />
-
-
- {overlayData?.overlay && (
-
-
-
- - OR -
-
-
- {file.name}
-
-
-
- ) : (
- }
- id="upload-oca-bundle-button"
- >
- Upload OCA Bundle
-
-
- )}
- 
-
-
-
- {
- setFile({ status: FileStatus.NoFile, value: event.target.value });
- onContent(event.target.value);
- }}
- />
-
-
-
-
-
- {file.status == FileStatus.InvalidImage
- ? errorMessage(
-
-
- );
-}
diff --git a/OCAExplorer/src/components/OverlayBrandingForm.tsx b/OCAExplorer/src/components/OverlayBrandingForm.tsx
deleted file mode 100644
index ec4d82388..000000000
--- a/OCAExplorer/src/components/OverlayBrandingForm.tsx
+++ /dev/null
@@ -1,200 +0,0 @@
-import React from "react";
-import {
- Autocomplete,
- AutocompleteRenderInputParams,
- Button,
- FormControl,
- TextField,
-} from "@mui/material";
-import { SaveAlt } from "@mui/icons-material";
-import { MuiColorInput } from "mui-color-input";
-import { useEffect } from "react";
-import {
- ActionType,
- useBranding,
- useBrandingDispatch,
-} from "../contexts/Branding";
-import { saveAs } from "file-saver";
-import BrandingOverlayDataFactory from "../services/OverlayBrandingDataFactory";
-import { OverlayBundle } from "@hyperledger/aries-oca/build/types";
-import ImageField from "./ImageField";
-
-function OverlayBrandingForm({
- overlay,
-}: {
- overlay?: OverlayBundle;
- language?: string;
-}) {
- const branding = useBranding();
- const dispatch = useBrandingDispatch();
-
- useEffect(() => {
- dispatch &&
- dispatch({
- type: ActionType.SET_BRANDING,
- payload: {
- logo: overlay?.branding?.logo ?? "",
- backgroundImage: overlay?.branding?.backgroundImage ?? "",
- backgroundImageSlice: overlay?.branding?.backgroundImageSlice ?? "",
- primaryBackgroundColor:
- overlay?.branding?.primaryBackgroundColor ?? "",
- secondaryBackgroundColor:
- overlay?.branding?.secondaryBackgroundColor ?? "",
- primaryAttribute: overlay?.branding?.primaryAttribute ?? "",
- secondaryAttribute: overlay?.branding?.secondaryAttribute ?? "",
- },
- });
- }, [overlay]);
-
- return (
- ERROR: This file does not seem to be a valid image
- )
- : file.status == FileStatus.FileTooLarge
- ? errorMessage(
-
- ERROR: We recommend not using an image larger than{" "}
- {MAX_IMAGE_SIZE} characters after encoding.
-
- )
- : undefined}
-
-
- }
- onClick={() => {
- if (!branding) {
- return;
- }
- const blob = new Blob(
- [
- JSON.stringify(
- BrandingOverlayDataFactory.getBrandingOverlayData(branding),
- null,
- 2
- ),
- ],
- {
- type: "text/plain;charset=utf-8",
- }
- );
- saveAs(blob, "branding.json");
- }}
- >
- Download Branding Overlay
-
-
-
- );
-}
-
-export default OverlayBrandingForm;
diff --git a/OCAExplorer/src/components/OverlayForm.tsx b/OCAExplorer/src/components/OverlayForm.tsx
deleted file mode 100644
index 120ffd08c..000000000
--- a/OCAExplorer/src/components/OverlayForm.tsx
+++ /dev/null
@@ -1,149 +0,0 @@
-import React from "react";
-import {
- Card,
- CardContent,
- FormControl,
- FormControlLabel,
- FormLabel,
- Radio,
- RadioGroup,
- Tooltip,
- Typography,
-} from "@mui/material";
-import Grid from "@mui/material/Unstable_Grid2/Grid2";
-import { useCallback, useEffect, useState } from "react";
-import { BrandingProvider } from "../contexts/Branding";
-import CredentialCard from "./CredentialCard";
-import CredentialDetail from "./CredentialDetail";
-import OverlayBrandingForm from "./OverlayBrandingForm";
-import { OverlayBundle } from "@hyperledger/aries-oca/build/types";
-
-import { Info } from "@mui/icons-material";
-import { CredentialExchangeRecord } from "@aries-framework/core";
-
-function OverlayForm({
- overlay,
- record,
-}: {
- overlay: OverlayBundle;
- record?: CredentialExchangeRecord;
-}) {
- const [language, setLanguage] = useState
-
- dispatch &&
- dispatch({
- type: ActionType.LOGO,
- payload: { logo: content },
- })
- }
- />
- {
- dispatch &&
- dispatch({
- type: ActionType.BACKGROUND_IMAGE,
- payload: { backgroundImage: content },
- });
- }}
- />
- {
- dispatch &&
- dispatch({
- type: ActionType.BACKGROUND_IMAGE_SLICE,
- payload: { backgroundImageSlice: content },
- });
- }}
- />
- {
- dispatch &&
- dispatch({
- type: ActionType.PRIMARY_BACKGROUND_COLOR,
- payload: { primaryBackgroundColor: value },
- });
- }}
- margin="dense"
- size="small"
- />
- {
- dispatch &&
- dispatch({
- type: ActionType.SECONDARY_BACKGROUND_COLOR,
- payload: { secondaryBackgroundColor: value },
- });
- }}
- margin="dense"
- size="small"
- />
-
- key
- )}
- value={branding?.primaryAttribute ?? ""}
- onChange={(_e, value) => {
- dispatch &&
- dispatch({
- type: ActionType.PRIMARY_ATTRIBUTE,
- payload: { primaryAttribute: value },
- });
- }}
- renderInput={(params: AutocompleteRenderInputParams) => (
-
-
- key
- )}
- value={branding?.secondaryAttribute ?? ""}
- onChange={(_e, value) => {
- dispatch &&
- dispatch({
- type: ActionType.SECONDARY_ATTRIBUTE,
- payload: { secondaryAttribute: value },
- });
- }}
- renderInput={(params: AutocompleteRenderInputParams) => (
-
-
-
-
-
-
-