working build without typecheck issues

tkhq · Nov 11, 2024 · 6ffcc27 · 6ffcc27
1 parent 4706a29
commit 6ffcc27
Show file tree

Hide file tree

Showing 15 changed files with 217 additions and 196 deletions.
diff --git a/examples/react-components/src/app/Switch.tsx b/examples/react-components/src/app/Switch.tsx
@@ -15,7 +15,7 @@ const CustomSwitch = styled(Switch)(({ theme }) => ({
     margin: 2,
   },
   "& .MuiSwitch-switchBase.Mui-checked": {
-    color: "var(--Greyscale-900, #2B2F33)", 
+    color: "var(--Greyscale-900, #2B2F33)",
   },
   "& .MuiSwitch-switchBase.Mui-checked + .MuiSwitch-track": {
     backgroundColor: "var(--Greyscale-900, #2B2F33)",

diff --git a/examples/react-components/src/app/index.module.css b/examples/react-components/src/app/index.module.css
@@ -92,7 +92,7 @@
   display: flex;
   margin-left: 16px;
   padding-left: 16px;
-  padding-top:4px;
+  padding-top: 4px;
   padding-bottom: 4px;
   justify-content: space-between;
   align-items: center;
@@ -127,10 +127,10 @@
   height: 18px;
 }
 
-.socialContainer{
+.socialContainer {
   border-radius: 8px;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
   padding: 8px 16px;
   padding-bottom: 16px;
   background-color: #ffffff;
-}
+}
diff --git a/examples/react-components/src/app/page.tsx b/examples/react-components/src/app/page.tsx
@@ -130,7 +130,7 @@ export default function AuthPage({ turnkeyClientConfig }: AuthPageProps) {
           <div className={styles.toggleContainer}>
             <div className={styles.toggleRow}>
               <div className={styles.labelContainer}>
-              <img src="/dots.svg"/>
+                <img src="/dots.svg" />
                 <Typography>Email</Typography>
               </div>
               <CustomSwitch
@@ -141,7 +141,7 @@ export default function AuthPage({ turnkeyClientConfig }: AuthPageProps) {
 
             <div className={styles.toggleRow}>
               <div className={styles.labelContainer}>
-              <img src="/dots.svg"/>
+                <img src="/dots.svg" />
                 <Typography>Passkey</Typography>
               </div>
               <CustomSwitch
@@ -152,59 +152,57 @@ export default function AuthPage({ turnkeyClientConfig }: AuthPageProps) {
 
             <div className={styles.toggleRow}>
               <div className={styles.labelContainer}>
-              <img src="/dots.svg"/>
+                <img src="/dots.svg" />
                 <Typography>Phone</Typography>
               </div>
               <CustomSwitch
                 checked={config.phone}
                 onChange={() => toggleConfig("phone")}
               />
             </div>
-                <div className = {styles.socialContainer}>
-            <div className={styles.toggleSocialRow}>
-              <div className={styles.labelContainer}>
-              <img src="/dots.svg"/>
-                <Typography>Socials</Typography>
-              </div>
-              <CustomSwitch
-                checked={config.socials.enabled}
-                onChange={() => toggleSocials("enabled")}
-              />
-
-
-            </div>
-                <div className={styles.toggleSocialIndividualRow}>
-                  <div className={styles.labelContainer}>
-                  <img src="/google.svg" className = {styles.iconSmall}/>
-                    <Typography>Google</Typography>
-                  </div>
-                  <CustomSwitch
-                    checked={config.socials.google}
-                    onChange={() => toggleSocials("google")}
-                  />
+            <div className={styles.socialContainer}>
+              <div className={styles.toggleSocialRow}>
+                <div className={styles.labelContainer}>
+                  <img src="/dots.svg" />
+                  <Typography>Socials</Typography>
                 </div>
-                <div className={styles.toggleSocialIndividualRow}>
-                  <div className={styles.labelContainer}>
-                  <img src="/apple.svg" className = {styles.iconSmall}/>
-                    <Typography>Apple</Typography>
-                  </div>
-                  <CustomSwitch
-                    checked={config.socials.apple}
-                    onChange={() => toggleSocials("apple")}
-                  />
-                </div>
-                <div className={styles.toggleSocialIndividualRow}>
-                  <div className={styles.labelContainer}>
-                  <img src="/facebook.svg" className = {styles.iconSmall}/>
-                    <Typography>Facebook</Typography>
-                  </div>
-                  <CustomSwitch
-                    checked={config.socials.facebook}
-                    onChange={() => toggleSocials("facebook")}
-                  />
+                <CustomSwitch
+                  checked={config.socials.enabled}
+                  onChange={() => toggleSocials("enabled")}
+                />
+              </div>
+              <div className={styles.toggleSocialIndividualRow}>
+                <div className={styles.labelContainer}>
+                  <img src="/google.svg" className={styles.iconSmall} />
+                  <Typography>Google</Typography>
                 </div>
+                <CustomSwitch
+                  checked={config.socials.google}
+                  onChange={() => toggleSocials("google")}
+                />
+              </div>
+              <div className={styles.toggleSocialIndividualRow}>
+                <div className={styles.labelContainer}>
+                  <img src="/apple.svg" className={styles.iconSmall} />
+                  <Typography>Apple</Typography>
                 </div>
+                <CustomSwitch
+                  checked={config.socials.apple}
+                  onChange={() => toggleSocials("apple")}
+                />
+              </div>
+              <div className={styles.toggleSocialIndividualRow}>
+                <div className={styles.labelContainer}>
+                  <img src="/facebook.svg" className={styles.iconSmall} />
+                  <Typography>Facebook</Typography>
                 </div>
+                <CustomSwitch
+                  checked={config.socials.facebook}
+                  onChange={() => toggleSocials("facebook")}
+                />
+              </div>
+            </div>
+          </div>
 
           <div className={styles.copyConfigButton} onClick={handleCopyConfig}>
             <ContentCopyIcon fontSize="small" />

diff --git a/package.json b/package.json
@@ -38,7 +38,7 @@
     "rollup-plugin-postcss": "^4.0.2",
     "rollup-preserve-directives": "^1.1.2",
     "@rollup/plugin-alias": "5.1.1",
-    "@rollup/plugin-url":"8.0.2",
+    "@rollup/plugin-url": "8.0.2",
     "tsx": "^3.12.7",
     "typescript": "^5.1.4"
   },

diff --git a/packages/sdk-react/src/components/auth/Apple.tsx b/packages/sdk-react/src/components/auth/Apple.tsx
@@ -52,7 +52,7 @@ const AppleAuthButton: React.FC<AppleAuthButtonProps> = ({
       responseMode="fragment"
       render={({ onClick }) => (
         <div onClick={onClick} className={styles.socialButton}>
-          <img {...appleIcon} className = {styles.iconSmall}/>
+          <img src={appleIcon} className={styles.iconSmall} />
           <span>Continue with Apple</span>
         </div>
       )}

diff --git a/packages/sdk-react/src/components/auth/Auth.module.css b/packages/sdk-react/src/components/auth/Auth.module.css
@@ -276,7 +276,7 @@ button:disabled {
   display: flex;
   justify-content: center;
   align-items: center;
-  gap: 8px; 
+  gap: 8px;
   margin: 16px 0;
 }
 
@@ -288,7 +288,7 @@ button:disabled {
   margin-top: 16px;
   width: 95%;
   margin-left: auto;
-  margin-right: auto; 
+  margin-right: auto;
   margin-bottom: 32px;
 }
 
@@ -301,9 +301,8 @@ button:disabled {
   padding-right: 8px;
 }
 
-
 .noPasskeyLink {
-  color: var(--Blue-500, #4C48FF);
+  color: var(--Blue-500, #4c48ff);
   font-size: 0.9rem;
   margin-top: 8px;
   cursor: pointer;