feat: Adds bale icon

AAISS · Jan 14, 2025 · b8b8ccc · b8b8ccc
1 parent 2b8c418
commit b8b8ccc
Show file tree

Hide file tree

Showing 4 changed files with 42 additions and 10 deletions.
diff --git a/frontend/src/assets/bale.png b/frontend/src/assets/bale.png
diff --git a/frontend/src/components/footer/PageFooter.jsx b/frontend/src/components/footer/PageFooter.jsx
@@ -2,9 +2,11 @@ import React from 'react';
 import aut from '../../assets/AUT.png';
 import ceit from '../../assets/CEIT.png';
 import ssc from '../../assets/SSC.png';
+import bale from '../../assets/bale.png';
 import '../../css/Footer.css'
 import SvgIcon from "@mui/material/SvgIcon";
 import Link from "@mui/material/Link";
+import { Margin } from '@mui/icons-material';
 
 export default function PageFooter() {
     return (
@@ -47,14 +49,17 @@ export default function PageFooter() {
                     </Link>
                 </span>
             </div>
-            <div>
+            <div className='logo-container'>
+                <a href='https://bale.ai/'>
+                    <img className="logo" src={bale} alt="Bale"/>
+                </a>
                 <img className="logo" src={aut} alt="Amirkabir University of Technology"/>
-                <img className="logo" src={ceit} alt="AUT Computer Engineering"/>
+                {/* <img className="logo" src={ceit} alt="AUT Computer Engineering"/> */}
                 <img className="logo" src={ssc} alt="AUT Student Scientific Chapter"/>
             </div>
-            <h3 id="footer-title">
+            {/* <h3 id="footer-title">
                 Student Scientific Chapter Computer Engineering Department Amirkabir University of Technology
-            </h3>
+            </h3> */}
         </div>
     );
 }
diff --git a/frontend/src/components/item-card/item-card.jsx b/frontend/src/components/item-card/item-card.jsx
@@ -18,12 +18,28 @@ export const Presenter = ({ presenterName }) => (
 );
 
 export const Cost = ({ cost }) => (
-  <Stack flexDirection="row" alignItems="center" gap={1}>
-    <CreditCard />
-    <Typography variant="overline" sx={{ fontSize: 14 }} color="text.secondary">
-      {cost} T
+<Stack flexDirection="row" alignItems="center" gap={1}>
+  <CreditCard />
+  <Stack>
+    <Typography
+      variant="overline"
+      sx={{ fontSize: 14, color: "text.secondary" }}
+      lineHeight={1.5}
+    >
+      <span style={{ textDecoration: "line-through" }}>{cost} T</span> 0 T
+    </Typography>
+    <Typography
+      sx={{
+        fontSize: 14,
+        color: "text.secondary",
+        fontWeight: "700"
+      }}
+      lineHeight={1.5}
+    >
+      Paid by Bale Messeger
     </Typography>
   </Stack>
+</Stack>
 );
 
 const FullCapacityChip = () => (

diff --git a/frontend/src/css/Footer.css b/frontend/src/css/Footer.css
@@ -11,12 +11,23 @@
 
 .logo {
     width: 5.5rem;
+    /* height: 5.5rem; */
 }
 
-#footer-title {
+.logo-container {
+    display: flex;
+    gap: 5px;
+    width: 240px;
+    justify-content: center;
+    align-items: center;
+    padding-inline: 10px;
+    box-sizing: content-box;
+}
+
+/* #footer-title {
     max-width: 300px;
     text-align: left;
-}
+} */
 
 #social-media {
     display: flex;