diff --git a/apps/circuit-compiler/src/app/components/container.tsx b/apps/circuit-compiler/src/app/components/container.tsx index 40cf20f5df..c2418e4d27 100644 --- a/apps/circuit-compiler/src/app/components/container.tsx +++ b/apps/circuit-compiler/src/app/components/container.tsx @@ -1,16 +1,16 @@ import { useContext } from 'react' import { CustomTooltip, RenderIf } from '@remix-ui/helper' -import {FormattedMessage} from 'react-intl' +import { FormattedMessage } from 'react-intl' import { CircuitAppContext } from '../contexts' import { CompileOptions } from './options' import { VersionList } from './versions' -import { ConfigToggler } from './configToggler' +import { Toggler } from './toggler' import { Configurations } from './configurations' import { CircuitActions } from './actions' -import { WitnessToggler } from './witnessToggler' import { WitnessSection } from './witness' import { CompilerFeedback } from './feedback' import { CompilerReport, PrimeValue } from '../types' +import { SetupExports } from './setupExports' export function Container () { const circuitApp = useContext(CircuitAppContext) @@ -113,14 +113,17 @@ export function Container () { - + - + + + + 0}> - + - + diff --git a/apps/circuit-compiler/src/app/components/setupExports.tsx b/apps/circuit-compiler/src/app/components/setupExports.tsx new file mode 100644 index 0000000000..7b472afd83 --- /dev/null +++ b/apps/circuit-compiler/src/app/components/setupExports.tsx @@ -0,0 +1,68 @@ +import { CustomTooltip } from "@remix-ui/helper" +import { FormattedMessage } from "react-intl" + +export function SetupExports () { + return ( +
+
+
+ +
+ + +
+
+ + +
+
+
+ + {'To choose the from the list of ptau files'}} + > +
+ +
+
+ + + + +
+
+
+ ) +} \ No newline at end of file diff --git a/apps/circuit-compiler/src/app/components/configToggler.tsx b/apps/circuit-compiler/src/app/components/toggler.tsx similarity index 82% rename from apps/circuit-compiler/src/app/components/configToggler.tsx rename to apps/circuit-compiler/src/app/components/toggler.tsx index 1a6c8d3e2f..dc62ffa881 100644 --- a/apps/circuit-compiler/src/app/components/configToggler.tsx +++ b/apps/circuit-compiler/src/app/components/toggler.tsx @@ -2,7 +2,7 @@ import { useState } from "react" import { FormattedMessage } from "react-intl" import { RenderIf, RenderIfNot } from "@remix-ui/helper" -export function ConfigToggler ({ children }: { children: JSX.Element }) { +export function Toggler ({ children, title, dataId }: { children: JSX.Element, title: string, dataId: string }) { const [toggleExpander, setToggleExpander] = useState(false) const toggleConfigurations = () => { @@ -11,10 +11,10 @@ export function ConfigToggler ({ children }: { children: JSX.Element }) { return (
-
+
diff --git a/apps/circuit-compiler/src/app/components/witnessToggler.tsx b/apps/circuit-compiler/src/app/components/witnessToggler.tsx deleted file mode 100644 index 60027c2ebe..0000000000 --- a/apps/circuit-compiler/src/app/components/witnessToggler.tsx +++ /dev/null @@ -1,36 +0,0 @@ -import { useState } from "react" -import { FormattedMessage } from "react-intl" -import { RenderIf, RenderIfNot } from "@remix-ui/helper" - -export function WitnessToggler ({ children }: { children: JSX.Element }) { - const [toggleExpander, setToggleExpander] = useState(false) - - const toggleConfigurations = () => { - setToggleExpander(!toggleExpander) - } - - return ( -
-
-
- -
-
- - - - - - - - -
-
- - { children } - -
- ) -} \ No newline at end of file diff --git a/apps/remix-ide/src/app/tabs/locales/en/circuit.json b/apps/remix-ide/src/app/tabs/locales/en/circuit.json index 61184793f5..eba64f107b 100644 --- a/apps/remix-ide/src/app/tabs/locales/en/circuit.json +++ b/apps/remix-ide/src/app/tabs/locales/en/circuit.json @@ -11,5 +11,10 @@ "circuit.generateR1cs": "Generate R1CS", "circuit.computeWitness": "Compute Witness", "circuit.signalInput": "Signal Input", - "circuit.compute": "Compute" + "circuit.compute": "Compute", + "circuit.setupExports": "Setup and Exports", + "circuit.provingScheme": "Proving Scheme", + "circuit.ptau": "POWER OF TAU (PTAU)", + "circuit.randomText": "Ceremony: Random Text", + "circuit.randomBeacon": "Ceremony: Random Beacon" }