removed debugging logs, made website kinda responsive

alok8bb · alok8bb · commit 4e026dfdac8f · 2024-06-18T18:23:50.000+05:30
Signed-off-by: alok8bb &lt;alok8bb@gmail.com&gt;
diff --git a/src/BlockBack.sol b/src/BlockBack.sol
@@ -112,25 +112,20 @@ contract BlockBack is Ownable {
     }
 
     function withdrawCampaign(uint256 _id) external payable {
-        console.log(msg.sender);
         Campaign storage campaign = s_idToCampaign[_id];
         if (campaign.owner != msg.sender) {
-            console.log("bruh");
             revert BlockBack__OnlyOwnerCanWithdraw();
         }
 
         if (campaign.deadline > block.timestamp) {
-            console.log("where?");
             revert BlockBack__DeadlineNotMet();
         }
 
         campaign.status = CampaignStatus.Completed;
         s_campaigns[_id] = campaign;
 
-        console.log("here");
         payable(msg.sender).transfer(campaign.raisedAmount);
         emit CampaignWithrawn(_id, msg.sender);
-        console.log("here");
     }
 
     function withdraw() external onlyOwner {
diff --git a/website/src/app/campaign/[slug]/page.tsx b/website/src/app/campaign/[slug]/page.tsx
@@ -87,10 +87,10 @@ export default function CampaignPage({ params }: { params: { slug: string } }) {
   return (
     <>
       <Navbar />
-      <div className="w-full flex justify-center items-center mt-10">
+      <div className="w-full flex justify-center items-center md:mt-10">
         {campaign && (
-          <div className="flex w-full mx-72 gap-10">
-            <div className="w-2/3 flex flex-col gap-2">
+          <div className="flex md:flex-row flex-col w-full lg:mx-30 xl:mx-72 gap-10">
+            <div className="md:w-2/3 flex flex-col gap-2">
               <img
                 src={SERVER_ENDPOINTS.getImage(campaign.imagePath)}
                 className="w-full max-h-56 object-cover rounded-lg"
@@ -100,7 +100,7 @@ export default function CampaignPage({ params }: { params: { slug: string } }) {
               <h1 className="text-3xl font-semibold">{campaign.title}</h1>
               <p className="text-gray-400">{campaign.description}</p>
             </div>
-            <div className="w-1/3 flex flex-col gap-5">
+            <div className="md:w-1/3 flex flex-col gap-5">
               <div>
                 {campaign.website && (
                   <a
diff --git a/website/src/app/layout.tsx b/website/src/app/layout.tsx
@@ -33,7 +33,7 @@ export default function RootLayout({
   return (
     <html lang="en">
       <body
-        className={`${inter.variable} ${hankenGrotesk.variable} flex h-auto flex-col px-20 font-body pb-5`}
+        className={`${inter.variable} ${hankenGrotesk.variable} flex h-auto flex-col px-5 md:px-20 font-body pb-5`}
       >
         <Toaster position="bottom-right" reverseOrder={false} />
         <WagmiProviderComp initialState={initialState}>
diff --git a/website/src/app/page.tsx b/website/src/app/page.tsx
@@ -84,7 +84,7 @@ export default function Home() {
             Finished
           </h1>
         </div>
-        <div className="my-4 flex w-full gap-4">
+        <div className="my-4 flex w-full gap-4 flex-col md:flex-row">
           {(isPending || serverError || error) && (
             <div className="h-full w-full flex items-center justify-center content-center py-40 text-xl">
               {isPending
@@ -113,7 +113,7 @@ export default function Home() {
               })
               .map((campaign, key) => (
                 <div
-                  className="flex flex-col p-4 bg-magic-gray rounded-2xl w-1/3 gap-2 hover:cursor-pointer"
+                  className="flex flex-col p-4 bg-magic-gray rounded-2xl md:w-1/3 gap-2 hover:cursor-pointer"
                   key={key}
                   onClick={() => router.push(`/campaign/${campaign.id}`)}
                 >
diff --git a/website/src/components/navbar.tsx b/website/src/components/navbar.tsx
@@ -4,15 +4,15 @@ import { MainIcon } from "./icons";
 
 export default function Navbar() {
   return (
-    <nav className="flex justify-between p-10 font-sans items-center">
+    <nav className="flex justify-between py-10 font-sans items-center">
       <div className="flex flex-row items-center gap-4">
         <MainIcon height={40} width={40} className={"fill-accent-500"} />
         <a href="/" className="text-3xl text-gray-100 font-bold tracking-wide">
           BlockBack
         </a>
       </div>
 
-      <div className="flex flex-row items-center gap-12 text-xl font-semibold text-gray-200 transition duration-300">
+      <div className="hidden lg:flex flex-row items-center gap-12 text-xl font-semibold text-gray-200 transition duration-300">
         <a href="/manage" className="hover:text-accent-500">
           Manage Campaigns
         </a>

Original file line number	Diff line number	Diff line change
`@@ -112,25 +112,20 @@ contract BlockBack is Ownable {`
`112`	`112`	`}`
`113`	`113`
`114`	`114`	`function withdrawCampaign(uint256 _id) external payable {`
`115`		`- console.log(msg.sender);`
`116`	`115`	`Campaign storage campaign = s_idToCampaign[_id];`
`117`	`116`	`if (campaign.owner != msg.sender) {`
`118`		`- console.log("bruh");`
`119`	`117`	`revert BlockBack__OnlyOwnerCanWithdraw();`
`120`	`118`	`}`
`121`	`119`
`122`	`120`	`if (campaign.deadline > block.timestamp) {`
`123`		`- console.log("where?");`
`124`	`121`	`revert BlockBack__DeadlineNotMet();`
`125`	`122`	`}`
`126`	`123`
`127`	`124`	`campaign.status = CampaignStatus.Completed;`
`128`	`125`	`s_campaigns[_id] = campaign;`
`129`	`126`
`130`		`- console.log("here");`
`131`	`127`	`payable(msg.sender).transfer(campaign.raisedAmount);`
`132`	`128`	`emit CampaignWithrawn(_id, msg.sender);`
`133`		`- console.log("here");`
`134`	`129`	`}`
`135`	`130`
`136`	`131`	`function withdraw() external onlyOwner {`
Original file line number	Diff line number	Diff line change
`@@ -33,7 +33,7 @@ export default function RootLayout({`
`33`	`33`	`return (`
`34`	`34`	`<html lang="en">`
`35`	`35`	`<body`
`36`		- className={`${inter.variable} ${hankenGrotesk.variable} flex h-auto flex-col px-20 font-body pb-5`}
	`36`	+ className={`${inter.variable} ${hankenGrotesk.variable} flex h-auto flex-col px-5 md:px-20 font-body pb-5`}
`37`	`37`	`>`
`38`	`38`	`<Toaster position="bottom-right" reverseOrder={false} />`
`39`	`39`	`<WagmiProviderComp initialState={initialState}>`