changed images in public_url

tinkerhub · Nov 15, 2023 · 10466f2 · 10466f2
1 parent 757a217
commit 10466f2
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 4 deletions.
diff --git a/frontend/package.json b/frontend/package.json
@@ -27,6 +27,8 @@
   "scripts": {
     "start:backend": "cd backend && deno run --allow-net --allow-read --watch src/server.ts",
     "start:frontend": "react-scripts start",
+    "predeploy": "npm run build",
+    "deploy": "gh-pages -d build",
     "build": "react-scripts build",
     "test": "react-scripts test",
     "eject": "react-scripts eject"

diff --git a/frontend/src/components/Cards/Cards.jsx b/frontend/src/components/Cards/Cards.jsx
@@ -59,7 +59,8 @@ function Cards(props) {
       <div key={data.id}>
         <div className="w-[178px] h-auto p-1 rounded-[15px] bg-yellow-200 space-y-4" style={{background: 'linear-gradient(160.58deg, rgba(231, 231, 231, 0) 1.42%, #FFE297 98.11%)'}}>
           <div className="w-[170px] h-auto p-3 rounded-[12px] space-y-3" style={{background: 'linear-gradient(332.32deg, #FFCD4B 1.92%, #FFFFFF 83.83%)'}}>
-            <img className="w-[150px] h-[150px] object-cover rounded-[4px]" src={url ? url : "/images/alt.jpg"} alt="Profile" />
+            {/* <img className="w-[150px] h-[150px] object-cover rounded-[4px]" src={url ? url : "/images/alt.jpg"} alt="Profile" /> */}
+            <img className="w-[150px] h-[150px] object-cover rounded-[4px]" src={url ? url : `${process.env.PUBLIC_URL}/images/alt.jpg`} alt="Profile" />
             <h2 className="w-[150px] h-[24px] text-[20px] font-bold">{truncate(data.fields['First name (from Your name)'][0], 11)}</h2>
             <hr className=' border-t-[2px]' style={{borderColor: '#876100'}} />
             <p className="w-[150px] h-[22px] text-[18px]">{data.fields["Enter the domain that you will be working on."] ? data.fields["Enter the domain that you will be working on."] : 'Undefined' }</p>
@@ -86,7 +87,8 @@ const renderCardMentee = (data) => {
         <div key={data.id}>
             <div className="w-[140px] h-[225.66px] ml-[13px] mb-12 rounded-[11.77px] border" style={{borderColor: '#AEAEAE',background: 'linear-gradient(160.58deg, rgba(231, 231, 231, 0) 1.42%, rgba(255, 226, 151, 0.2) 98.11%, rgba(255, 215, 75, 0.2) 98.11%)'}}>
                 <div className="w-[133.35px] h-[217.39px] p-2 rounded-[9.41px] space-y-3 " style={{background: 'linear-gradient(332.32deg, #F7F7F7 1.92%, #FFFFFF 83.83%)'}}>
-                    <img className="w-[117.66px] h-[117.66px] object-cover rounded-[4px]" src={url ? url : "/images/alt.jpg"} alt="Profile" />
+                    {/* <img className="w-[117.66px] h-[117.66px] object-cover rounded-[4px]" src={url ? url : "/images/alt.jpg"} alt="Profile" /> */}
+                    <img className="w-[117.66px] h-[117.66px] object-cover rounded-[4px]" src={url ? url : `${process.env.PUBLIC_URL}/images/alt.jpg`} alt="Profile" />
                     <h2 className="w-[117.66px] h-[13px] text-[15.69px] font-bold">{truncate(data.fields['First name (from Your name)'][0], 11)}</h2>
                     <hr className=' border-t-[1px]' style={{borderColor: '#876100'}} />
                     <p className="w-[117.66px] h-[8px] text-[14.12px]">{data.fields["Enter the domain that you will be working on."] ? data.fields["Enter the domain that you will be working on."] : 'Undefined' }</p>

diff --git a/frontend/src/components/Navbar/Navbar.js b/frontend/src/components/Navbar/Navbar.js
@@ -14,8 +14,10 @@ function Navbarr() {
       </div>
 
       <div className='w-1/3 min-h-fit flex flex-col items-end justify-center pt-[79px] pr-[125px]'>
-        <img className='w-1/3' src={"/images/TKS1.jpg"} alt='TinkerSpace' />
-        <img className='w-1/4' src={"/images/TKS2.jpg"} alt='TinkerHub' />
+        {/* <img className='w-1/3' src={"/images/TKS1.jpg"} alt='TinkerSpace' />
+        <img className='w-1/4' src={"/images/TKS2.jpg"} alt='TinkerHub' /> */}
+        <img className='w-1/3' src={process.env.PUBLIC_URL + '/images/TKS1.jpg'} alt='TinkerSpace' />
+        <img className='w-1/4' src={process.env.PUBLIC_URL + '/images/TKS2.jpg'} alt='TinkerHub' />
       </div>
     </div>
   );