Merge pull request #46 from hyle-team/dev

fix: reslove audit issues & isolate svg styles

next-env.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
-import './.next/types/routes.d.ts';
+import './.next/dev/types/routes.d.ts';
 
 // NOTE: This file should not be edited
 // see https://nextjs.org/docs/pages/api-reference/config/typescript for more information.

package.json

@@ -29,7 +29,7 @@
 		"decimal.js": "^10.4.3",
 		"echarts": "^5.5.1",
 		"echarts-for-react": "^3.0.2",
-		"nanoid": "^4.0.1",
+		"nanoid": "^5.1.6",
 		"next": "^16.1.1",
 		"next-themes": "^0.2.1",
 		"node-fetch": "^3.3.1",
@@ -42,7 +42,7 @@
 		"sha256": "^0.2.0",
 		"socket.io": "^4.6.1",
 		"socket.io-client": "^4.6.1",
-		"ts-node": "^10.9.1",
+		"ts-node": "^10.9.2",
 		"tsc": "^2.0.4",
 		"tsx": "^4.15.7",
 		"url-loader": "^4.1.1",
@@ -58,5 +58,8 @@
 		"husky": "^9.1.7",
 		"lint-staged": "^15.5.2",
 		"sass": "^1.59.2"
+	},
+	"overrides": {
+		"diff": "8.0.3"
 	}
 }

src/pages/dex/index.tsx

@@ -158,7 +158,8 @@ function Dex({ initialPairs }: { initialPairs: PairData[] }) {
 					<div ref={inViewRef}>{pageLoading && <Preloader />}</div>
 				</div>
 			</main>
-			<Footer />
+
+			<Footer className="no-svg-style" />
 		</>
 	);
 }

src/pages/dex/orders/index.tsx

@@ -269,7 +269,7 @@ function Orders() {
 					/>
 				)}
 			</main>
-			<Footer />
+			<Footer className="no-svg-style" />
 		</>
 	);
 }

src/pages/dex/trading/[id].tsx

@@ -254,7 +254,7 @@ function Trading({
 					/>
 				)}
 			</main>
-			<Footer />
+			<Footer className="no-svg-style" />
 		</GuideProvider>
 	);
 }

src/pages/p2p/index.tsx

@@ -97,7 +97,7 @@ function Home(props: HomeProps) {
 					/>
 				)}
 			</main>
-			<Footer />
+			<Footer className="no-svg-style" />
 		</>
 	);
 }

src/pages/p2p/process/[id].tsx

@@ -10,7 +10,7 @@ function Process() {
 			<main className={styles.main}>
 				<ProcessContent />
 			</main>
-			<Footer />
+			<Footer className="no-svg-style" />
 		</>
 	);
 }

src/pages/p2p/profile/index.tsx

@@ -213,7 +213,7 @@ function Profile() {
 					/>
 				</div>
 			</main>
-			<Footer />
+			<Footer className="no-svg-style" />
 		</>
 	);
 }

src/pages/policy/index.tsx

@@ -78,7 +78,7 @@ function Policy() {
 					</ul>
 				</div>
 			</main>
-			<Footer />
+			<Footer className="no-svg-style" />
 		</>
 	);
 }

src/pages/swap/index.tsx

@@ -256,7 +256,7 @@ function Swap() {
 					</div>
 				</div>
 			</main>
-			<Footer />
+			<Footer className="no-svg-style" />
 		</>
 	);
 }

src/pages/user/index.js

@@ -115,7 +115,7 @@ function User() {
 					</div>
 				</div>
 			</main>
-			<Footer />
+			<Footer className="no-svg-style" />
 		</>
 	);
 }

src/styles/globals.scss

@@ -33,7 +33,7 @@ main {
 	padding: 80px 100px;
 
 	&.with-separators {
-		> * {
+		>* {
 			padding: 40px 0;
 			border-bottom: 1px solid var(--delimiter-color);
 
@@ -115,7 +115,7 @@ h6 {
 }
 
 h1,
-h1 > * {
+h1>* {
 	color: var(--font-main-color);
 	font-size: 48px;
 }
@@ -147,18 +147,19 @@ h6 {
 	-webkit-text-fill-color: transparent;
 }
 
-svg {
+svg:not(.stroked):not(.no-svg-style svg) {
-	// &:not(.stroked) {
+	* {
-	// 	* {
+		fill: var(--font-main-color);
-	// 		fill: var(--font-main-color);
+	}
-	// 	}
+}
 
-	// 	&.dimmed {
+
-	// 		* {
+svg {
-	// 			fill: var(--font-dimmed-color);
+	&.dimmed {
-	// 		}
+		* {
-	// 	}
+			fill: var(--font-dimmed-color);
-	// }
+		}
+	}
 
 	&.stroked {
 		* {
@@ -174,8 +175,9 @@ svg {
 }
 
 @media screen and (max-width: 700px) {
+
 	h1,
-	h1 > * {
+	h1>* {
 		font-size: 32px;
 	}
 }
@@ -289,4 +291,4 @@ svg {
 	left: 0;
 	width: 100%;
 	height: 3px;
-}
+}