footer

Author: nexusocean8

src/assets/styles.css

@@ -127,20 +127,35 @@ body {
 
 .app-footer-text {
 	font-size: 16px;
-	color: var(--ant-color-text-tertiary);
+	color: var(--ant-color-text-secondary);
+}
+.foot-links {
+	display: flex;
 }
 
 .app-footer-link {
 	font-size: 16px;
 	color: var(--ant-color-primary);
 	display: flex;
+	margin-left: 16px;
 
 	&:hover {
 		transition: color 0.2s ease;
 		color: var(--ant-typography);
 	}
 }
 
+.app-footer-donate {
+	font-size: 16px;
+	color: var(--ant-color-text-secondary);
+	display: flex;
+
+	&:hover {
+		transition: color 0.2s ease;
+		color: var(--ant-color-primary);
+	}
+}
+
 .git-hub {
 	margin-left: 8px;
 }

src/layout/index.tsx

@@ -39,15 +39,26 @@ export default function AppLayout() {
 				<Text className="app-footer-text">
 					© {new Date().getFullYear()} {t('messages.firoblocks')}
 				</Text>
-				<a
-					href="https://github.com/nexusocean"
-					target="_blank"
-					rel="noreferrer"
-					className="app-footer-link"
-				>
-					{t('links.github')}
-					<GithubOutlined className="git-hub" />
-				</a>
+				<span className="foot-links">
+					<a
+						className="app-footer-donate"
+						href="https://cointr.ee/firoblocks"
+						target="_blank"
+						rel="noreferrer"
+					>
+						Donate
+					</a>
+
+					<a
+						href="https://github.com/nexusocean"
+						target="_blank"
+						rel="noreferrer"
+						className="app-footer-link"
+					>
+						{t('links.github')}
+						<GithubOutlined className="git-hub" />
+					</a>
+				</span>
 			</Footer>
 		</Layout>
 	);