Update proof validating logic and remove commented code

zkemail · Sep 2, 2024 · f026085 · f026085
1 parent f688840
commit f026085
Show file tree

Hide file tree

Showing 12 changed files with 602 additions and 1,539 deletions.
diff --git a/packages/app/src/components/Button.tsx b/packages/app/src/components/Button.tsx
@@ -1,5 +1,3 @@
-
-
 import React from 'react';
 import styled from "styled-components";
 import { useTheme, Button as MuiButton } from "@mui/material";

diff --git a/packages/app/src/components/DragAndDropTextBox.tsx b/packages/app/src/components/DragAndDropTextBox.tsx
@@ -1,51 +1,3 @@
-// import React from "react";
-// import styled from 'styled-components';
-// import { useDragAndDrop } from '../hooks/useDragAndDrop';
-
-// const DragAndDropTextBoxWrapper = styled.div`
-// 	display: flex;
-// 	flex-direction: column;
-// 	align-items: center;
-// 	border: 2px dashed #ccc;
-// 	padding: 20px;
-// `;
-
-// type Props = {
-// 	onFileDrop: (file: File) => void;
-// };
-
-// const DragAndDropTextBox: React.FC<Props> = ({onFileDrop}) => {
-//     const {
-// 		dragging,
-// 		handleDragEnter,
-// 		handleDragLeave,
-// 		handleDragOver,
-// 		handleDrop,
-// 		handleDragEnd,
-// 	} = useDragAndDrop();
-
-// 	return (
-// 		<DragAndDropTextBoxWrapper
-// 			onDragEnter={handleDragEnter}
-// 			onDragLeave={handleDragLeave}
-// 			onDragOver={handleDragOver}
-// 			onDragEnd={handleDragEnd}
-// 			onDrop={(e) => handleDrop(e, onFileDrop)}
-// 		>
-// 			{dragging ? (
-// 				<div>Drop here</div>
-// 			) : (
-// 				<div>Drop .eml file here</div>
-// 			)}
-// 		</DragAndDropTextBoxWrapper>
-// 	);
-// };
-
-// export default DragAndDropTextBox;
-
-
-
-
 import React from "react";
 import styled, { css, ThemeProvider } from 'styled-components';
 import { useTheme } from "@mui/material/styles";

diff --git a/packages/app/src/components/EmailInputMethod.tsx b/packages/app/src/components/EmailInputMethod.tsx
@@ -1,41 +1,3 @@
-// import { useState } from "react";
-// import { Button, OutlinedButton } from "./Button";
-
-// const EmailInputMethod = ({
-//   onClickGoogle,
-//   onClickEMLFile,
-// }: {
-//   onClickGoogle: () => void;
-//   onClickEMLFile: () => void;
-// }) => {
-//   return (
-//     <div
-//       style={{
-//         display: "flex",
-//         flexDirection: "column",
-//         justifyContent: "center",
-//         gap: 16,
-//         alignItems: "center",
-//       }}
-//     >
-//       <Button onClick={onClickGoogle}>Sign in with Google</Button>
-//       or
-//       <OutlinedButton
-//         data-testid="upload-email-eml-file-button"
-//         onClick={() => {
-//           onClickEMLFile();
-//         }}
-//       >
-//         Upload email .eml file{" "}
-//       </OutlinedButton>
-//     </div>
-//   );
-// };
-
-// export default EmailInputMethod;
-
-
-
 import { Button, OutlinedButton } from "./Button";
 
 interface EmailInputMethodProps {

diff --git a/packages/app/src/components/LabeledTextArea.tsx b/packages/app/src/components/LabeledTextArea.tsx
@@ -1,104 +1,3 @@
-// import _ from "lodash";
-// import React, { CSSProperties } from "react";
-// import styled from "styled-components";
-// import { Col } from "./Layout";
-
-// export const LabeledTextArea: React.FC<{
-//   style?: CSSProperties;
-//   className?: string;
-//   label: string;
-//   value: string;
-//   warning?: string;
-//   warningColor?: string;
-//   disabled?: boolean;
-//   disabledReason?: string;
-//   secret?: boolean;
-//   onChange?: React.ChangeEventHandler<HTMLTextAreaElement>;
-// }> = ({
-//   style,
-//   warning,
-//   warningColor,
-//   disabled,
-//   disabledReason,
-//   label,
-//   value,
-//   onChange,
-//   className,
-//   secret,
-// }) => {
-//   return (
-//     <LabeledTextAreaContainer
-//       className={_.compact(["labeledTextAreaContainer", className]).join(" ")}
-//     >
-//       <Label>{label}</Label>
-//       {warning && (
-//         <span className="warning" style={{ color: warningColor }}>
-//           {warning}
-//         </span>
-//       )}
-//       <TextArea
-//         style={style}
-//         aria-label={label} 
-//         title={disabled ? disabledReason : ""}
-//         disabled={disabled}
-//         value={value}
-//         onChange={onChange}
-//       />
-
-//       {secret && (
-//         <div className="secret">Hover to reveal public info sent to chain</div>
-//       )}
-//     </LabeledTextAreaContainer>
-//   );
-// };
-
-// const Label = styled.label`
-//   color: rgba(255, 255, 255, 0.8);
-// `;
-
-// const LabeledTextAreaContainer = styled(Col)`
-//   height: 15vh;
-//   border-radius: 4px;
-//   position: relative;
-//   gap: 8px;
-//   & .warning {
-//     color: #bd3333;
-//     font-size: 80%;
-//   }
-//   .secret {
-//     position: absolute;
-//     width: 100%;
-//     height: 100%;
-//     background: #171717;
-//     border: 1px dashed rgba(255, 255, 255, 0.5);
-//     color: rgba(255, 255, 255, 0.8);
-//     user-select: none;
-//     pointer-events: none;
-//     opacity: 0.95;
-//     justify-content: center;
-//     display: flex;
-//     align-items: center;
-//     transition: opacity 0.3s ease-in-out;
-//   }
-//   &:hover .secret,
-//   & :focus + .secret {
-//     opacity: 0;
-//   }
-// `;
-
-// const TextArea = styled.textarea`
-//   border: 1px solid rgba(255, 255, 255, 0.3);
-//   background: rgba(0, 0, 0, 0.3);
-//   border-radius: 4px;
-//   height: 480px;
-// 	padding: 16px;
-// 	transition: all 0.2s ease-in-out;
-// 	resize: none;
-//   &:hover {
-// 		border: 1px solid rgba(255, 255, 255, 0.8);
-// `;
-
-
 import _ from "lodash";
 import React, { CSSProperties } from "react";
 import styled, { ThemeProvider, css } from "styled-components";

diff --git a/packages/app/src/components/Layout.tsx b/packages/app/src/components/Layout.tsx
@@ -1,26 +1,3 @@
-// import styled from "styled-components";
-
-// export const Row = styled.div`
-//   display: flex;
-//   align-items: center;
-// `;
-
-// export const Col = styled.div`
-//   display: flex;
-//   flex-direction: column;
-// `;
-
-// export const RowSpaceBetween = styled(Row)`
-//   justify-content: space-between;
-// `;
-
-// export const CenterAllDiv = styled.div`
-//   display: flex;
-//   align-items: center;
-//   justify-content: center;
-// `;
-
-
 import styled from "styled-components";
 
 export const Row = styled.div`

diff --git a/packages/app/src/components/NumberedStep.tsx b/packages/app/src/components/NumberedStep.tsx
@@ -1,41 +1,3 @@
-// import styled from "styled-components";
-// import { CenterAllDiv, Row } from "./Layout";
-
-// export const NumberedStep: React.FC<{
-//   step: number;
-//   children: React.ReactNode;
-// }> = ({ step, children }) => {
-//   return (
-//     <NumberedStepContainer>
-//       <NumberedStepLabel>
-//         <span>{step}</span>
-//       </NumberedStepLabel>
-//       <NumberedStepText>{children}</NumberedStepText>
-//     </NumberedStepContainer>
-//   );
-// };
-
-// const NumberedStepContainer = styled(Row)`
-//   background: rgba(255, 255, 255, 0.05);
-//   width: 100%;
-//   gap: 1rem;
-//   border-radius: 4px;
-//   padding: 8px;
-//   color: #fff;
-// `;
-
-// const NumberedStepLabel = styled(CenterAllDiv)`
-//   background: rgba(255, 255, 255, 0.2);
-//   border-radius: 4px;
-//   width: 24px;
-//   height: 24px;
-//   min-width: 24px;
-//   border: 1px solid rgba(255, 255, 255, 0.3);
-// `;
-
-// const NumberedStepText = styled.span``;
-
-
 import styled from "styled-components";
 import { CenterAllDiv, Row } from "./Layout";
 

diff --git a/packages/app/src/components/ProgressBar.tsx b/packages/app/src/components/ProgressBar.tsx
@@ -1,58 +1,3 @@
-// import styled from "styled-components";
-
-// export interface ProgressBarProps {
-//   width: number;
-//   label?: string;
-// }
-
-// export const ProgressBar: React.FC<ProgressBarProps> = ({ width, label }) => {
-//   return (
-//     <ProgressBarContainer>
-//       {label && (
-//         <LabelContainer>
-//           <span>{label}</span>
-//         </LabelContainer>
-//       )}
-//       <ProgressBarFill width={width} />
-//     </ProgressBarContainer>
-//   );
-// };
-
-// const ProgressBarContainer = styled.div`
-//   background: linear-gradient(
-//     90deg,
-//     #4860b0 51.26%,
-//     #51589f 86.64%,
-//     #5a518f 100%
-//   );
-//   border-radius: 4px;
-//   height: 32px;
-//   position: relative;
-//   width: 100%;
-// `;
-
-// const ProgressBarFill = styled.div<{ width: number }>`
-//   background: #7796ff;
-//   border-radius: 4px;
-//   height: 32px;
-//   width: ${(props) => props.width}%;
-// `;
-
-// const LabelContainer = styled.div`
-//   display: flex;
-//   position: absolute;
-//   top: 50%;
-//   left: 50%;
-//   transform: translate(-50%, -50%);
-//   align-items: center;
-//   justify-content: center;
-//   font-weight: 600;
-//   font-size: 0.9rem;
-//   letter-spacing: -0.02em;
-//   color: #fff;
-// `;
-
-
 import styled from "styled-components";
 
 export interface ProgressBarProps {

diff --git a/packages/app/src/components/SingleLineInput.tsx b/packages/app/src/components/SingleLineInput.tsx
@@ -1,45 +1,3 @@
-// import styled from "styled-components";
-// import { Col } from "./Layout";
-
-// export const SingleLineInput: React.FC<{
-//   label: string;
-//   value: any;
-//   onChange: (e: any) => void;
-// }> = ({ label, onChange, value }) => {
-//   return (
-//     <InputContainer>
-//       <label
-//         style={{
-//           color: "rgba(255, 255, 255, 0.8)",
-//         }}
-//       >
-//         {label}
-//       </label>
-//       <Input onChange={onChange} value={value} placeholder={label} />
-//     </InputContainer>
-//   );
-// };
-
-// const InputContainer = styled(Col)`
-//   gap: 8px;
-// `;
-
-// const Input = styled.input`
-//   border: 1px solid rgba(255, 255, 255, 0.4);
-//   background: rgba(0, 0, 0, 0.3);
-//   border-radius: 4px;
-//   padding: 8px;
-//   height: 32px;
-//   display: flex;
-//   align-items: center;
-//   color: #fff;
-//   transition: all 0.2s ease-in-out;
-//   &:hover {
-//     border: 1px solid rgba(255, 255, 255, 0.8);
-//   }
-// `;
-
-
 import React from 'react';
 import styled from "styled-components";
 import { useTheme, TextField, Box, Typography } from "@mui/material";