Skip to content

New idea screen #6#21

Merged
Ilialtes merged 4 commits intoChonete-Builders:mainfrom
chiscookeke11:new-idea-screen
Feb 24, 2025
Merged

New idea screen #6#21
Ilialtes merged 4 commits intoChonete-Builders:mainfrom
chiscookeke11:new-idea-screen

Conversation

@chiscookeke11
Copy link
Contributor

@chiscookeke11 chiscookeke11 commented Feb 21, 2025

close: #6
Created the new idea screen

Though I noticed some build errors in other files, let me know if I should fix it.

@jsandinoDev
Copy link
Contributor

Can you add an image with the result?

@chiscookeke11
Copy link
Contributor Author

Can you add an image with the result?

sorry, I don't understand you.

like you mean it should be able to upload image ?
that is an image input ?

@jsandinoDev
Copy link
Contributor

No, like a screenshot of the page that you created

@chiscookeke11
Copy link
Contributor Author

chiscookeke11 commented Feb 21, 2025 via email

@chiscookeke11
Copy link
Contributor Author

@chiscookeke11
Copy link
Contributor Author

chiscookeke11 commented Feb 23, 2025

Hello @jsandinoDev
I am awaiting your review

Copy link
Contributor

@jsandinoDev jsandinoDev left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM!

const newIdea = {
name: "Idea Name",
image: "",
description: `Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.\n\nLorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.`,
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Move this constants into a constants file , also please use the naming convention for constants NEW_IDEA

</div>
</div>

<div className="w-full max-w-[1057px] flex-col md:flex-row gap-4 flex items-center justify-between p-1">
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Create a reusable section card instead of repeating the code for the description, impact and uniqueness

import React from 'react';

const SectionCard = ({ title, content }) => {
  return (
    <div className="bg-[#F5F5F5] w-full rounded-[50px] p-4 flex flex-col gap-2">
      <h2 className="text-[#2C2C2C] text-base font-semibold ml-5">{title}</h2>
      <div className="bg-white p-4 border border-[#D9D9D9] rounded-[10px] overflow-y-auto scrollbar-hide">
        <p className="text-[#1E1E1E] font-normal text-base leading-[22.4px] whitespace-pre-line">
          {content}
        </p>
      </div>
    </div>
  );
};

export default SectionCard;

</div>

<div className="flex flex-row md:flex-col items-center justify-center gap-7 md:ml-auto">
<button className="bg-[#2C2C2C] text-white w-[108px] h-[32px] rounded-[8px]">Share</button>
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

add placeholder functions for the buttons:
onClick={() => console.log('Share clicked')}).

Created a reusable card
Add placeholder onclick  function for the buttons
@chiscookeke11
Copy link
Contributor Author

chiscookeke11 commented Feb 24, 2025

close #6
Changes implemented
please review @jsandinoDev

Copy link
Contributor

@Ilialtes Ilialtes left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM!

@Ilialtes Ilialtes merged commit 390a409 into Chonete-Builders:main Feb 24, 2025
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Enhancement] Create the New Idea review Screen

3 participants