📝 corrections UI

poap-xyz · Oct 30, 2023 · ee4c232 · ee4c232
1 parent ceeb043
commit ee4c232
Show file tree

Hide file tree

Showing 5 changed files with 8 additions and 9 deletions.
diff --git a/public/locales/en/translation.json b/public/locales/en/translation.json
@@ -245,7 +245,7 @@
     "confirmDeleteDispenser": "Are you sure you want to delete your POAP Kiosk?\n\nThis cannot be undone, but you can always create a new POAP Kiosk following the same simple steps you used to make this one.",
     "succesDeleteDispenser": "Deletion success!\n\nYour POAP Kiosk has been deleted.",
     "deletionCancelled": "Deletion cancelled, your event still exists.",
-    "errorDeleteDispenser": "Error Deleting POAP Kiosk: {{ message }}",
+    "errorDeleteDispenser": "Error Deleting POAP Kiosk: {{ message }}.",
     "amountScannedMessage": "Your POAP Kiosk QR was scanned {{ scans }} times and {{ claimed }} out of {{ codes }} POAPs were claimed.",
     "editActions": {
       "editHeading": "Admin actions",
@@ -256,7 +256,7 @@
     "confirmRecalculate": "During the recalculation process, your POAP Kiosk will be unstable and might not work as expected.\n\nAre you sure you want to recalculate?",
     "recalculationCancelled": "Recalculation was cancelled, nothing changed",
     "recalculationSuccess": "Recalculation succeeded, your POAP Kiosk should be working as expected again.",
-    "recalculating": "Recalculating the amount of codes available for this Kiosk",
+    "recalculating": "Recalculating the amount of codes available for this Kiosk.",
     "hero": {
       "subheading": {
         "reviewed": "⚠️ Your event is being reviewed",

diff --git a/src/components/molecules/MethodCard.jsx b/src/components/molecules/MethodCard.jsx
@@ -193,7 +193,7 @@ export const MethodCard = ( { event, eventLink, adminLink, onDelete, onRecalcula
     return <MethodContainer>
         <MethodLabel>
             <IconContainer>
-                <PoapIcon size={ isMobile ? '16px' : '20' } icon='QRCodeIcon' color='var(--warning-500)' />
+                <PoapIcon size={ isMobile ? '16' : '20' } icon='QRCodeIcon' color='var(--warning-500)' />
             </IconContainer>
         </MethodLabel>
         <MethodContent>

diff --git a/src/components/molecules/ModalSide.jsx b/src/components/molecules/ModalSide.jsx
@@ -29,18 +29,18 @@ export const StyledModal = styled( ReactModal )`
     align-items: center;
     justify-content: flex-end;
     overflow: scroll;
-    /* padding: var(--spacing-3); */
 `
 
 const Modal = styled( Section )`
-    padding: 2rem 1rem;
+    padding: 5rem 2rem 1rem 2rem;
     display: flex;
     flex-direction: column;
     height: 100%;
     width: 100%;
     max-width: 450px;
     background: white;
     box-shadow: 0px 0 5px 2px rgba( 0, 0, 0, .1);
+    border-left: 1px solid var(--primary-700);
 `
 
 export default ( { children, open = true, showClose = false, setIsOpen, ...props } ) => {

diff --git a/src/components/pages/EventAdmin.jsx b/src/components/pages/EventAdmin.jsx
@@ -47,7 +47,6 @@ const ModalButtonContainer = styled.div`
     flex-direction: row;
     justify-content: center;
     gap: 1rem;
-    margin-top: 1rem;
 `
 
 // ///////////////////////////////
@@ -249,7 +248,7 @@ export default function EventAdmin( ) {
                 <Text>Are you sure you want to refresh the mint link counter? Your POAP Kiosk will be unstable and might not work as expected.</Text>
             </ModalContainer>
 
-            <Divider plain style={ { color: 'var(--primary-200)', margin: 'auto 0 1rem 0' } } />
+            <Divider plain style={ { margin: 'auto 0 1rem 0', borderTop: '1px solid var(--primary-200)' } } />
 
             <ModalButtonContainer>
                 <Button variation='white' onClick={ handleCloseModalRecalculate }>Cancel</Button>
@@ -267,7 +266,7 @@ export default function EventAdmin( ) {
                 <Text>Are you sure you want to delete this kiosk? You can create a new kiosk for this POAP after deletion. </Text>
             </ModalContainer>
 
-            <Divider plain style={ { color: 'var(--primary-200)', margin: 'auto 0 1rem 0' } } />
+            <Divider plain style={ { margin: 'auto 0 .5rem 0', borderTop: '1px solid var(--primary-200)' } } />
 
             <ModalButtonContainer>
                 <Button variation='white' onClick={ handleCloseModalDestroy }>Cancel</Button>

diff --git a/src/components/pages/MintPOAP.jsx b/src/components/pages/MintPOAP.jsx
@@ -49,7 +49,7 @@ export default function MintPOAP() {
 
             // Validate address based on address or email
             if( !address_to_mint_to?.match( eth_address_or_ens_regex ) && !address_to_mint_to?.match( valid_email_regex ) ) {
-                throw new Error( 'Please input a valid Ethereum address/ENS or email address' )
+                throw new Error( 'Please input a valid Ethereum address/ENS or email address.' )
             }
 
             const { data: { error } } = await mint_code_to_address( { claim_code, address_to_mint_to, challenge_code } )