Skip to content

Commit

Permalink
RepublicImage component created. Started replacement of stuff...
Browse files Browse the repository at this point in the history 
This is one of the most repeating patterns, meaning the most tedious rewriting job ever.
@RA-Salles
RA-Salles committed Aug 3, 2024
1 parent 176343e commit 6003f11
Showing 2 changed files with 35 additions and 98 deletions.
5 changes: 3 additions & 2 deletions docs/msgSystem/basicdesign.md
View file
Original file line number Diff line number Diff line change
@@ -70,12 +70,13 @@
### Constraints 3 & 4: User knowledge
1. Reasoning
This is a must. The user would find great benefits to knowing when and who received his message, as
well as who the hell is sending him messages, specially considering this is for a renting site.
well as who the hell is sending him messages, specially considering this system is currently being designed for a renting site.

2. Basic Design
This should be as simple as setting the ownership of conversations and attributes for the entities. One
of the most annoying things of any kind of system is when a non-critical information is being stored,
is relevant to the user and the setup refuses to display it without some kind of roundabout esoteric route.
is relevant to the user and the setup refuses to display it without some kind of roundabout esoteric route and configuration.
Whenever a user sends a message, the system must know the receiver, time, owner and content. This theoretically should allow for even a binary to be sent without major stress, as js already sends



128 changes: 32 additions & 96 deletions src/components/pages/home.js
View file
Original file line number Diff line number Diff line change
@@ -66,6 +66,22 @@ class Search extends React.Component {
}
}

class RepublicImage extends React.Component {
constructor(props) {
super(props)
}
render() {
return(
<div className="images">
<p className="republicName">{ this.props.text}</p>
<a href="Republica.html">
<img className="repsImages" src={this.props.imageSrc} alt={this.props.imgAlt} />
</a>
</div>
)
}
}

class home extends React.Component {
constructor(props){
super(props)
@@ -93,59 +109,19 @@ class home extends React.Component {
<div className="FamousReps">
<label htmlFor="">Repúblicas Populares</label>
<div className="ContainerRepublicas" style={{ display: "flex" }}>
<div className="images">
<p className="republicName">Nome da República</p>
<a href="Republica.html">
<img className="repsImages" src="images/image1.jpg" alt="" />
</a>
</div>
<div className="images">
<p className="republicName">Nome da República</p>
<a href="Republica.html">
<img className="repsImages" src="images/image2.jpg" alt="" />
</a>
</div>
<div className="images">
<p className="republicName">Nome da República</p>
<a href="Republica.html">
<img className="repsImages" src="images/image3.jpg" alt="" />
</a>
</div>
<div className="images">
<p className="republicName">Nome da República</p>
<a href="Republica.html">
<img className="repsImages" src="images/image4.jpg" alt="" />
</a>
</div>
<RepublicImage text="Nome da República" imageSrc="images/image1.jpg" imgAlt="placeholder"/>
<RepublicImage text="Nome da República" imageSrc="images/image1.jpg" imgAlt="placeholder"/>
<RepublicImage text="Nome da República" imageSrc="images/image1.jpg" imgAlt="placeholder"/>
<RepublicImage text="Nome da República" imageSrc="images/image1.jpg" imgAlt="placeholder"/>
</div>
<div
className="ContainerRepublicas"
style={{ display: "flex", marginTop: 30 }}
>
<div className="images">
<p className="republicName">Nome da República</p>
<a href="Republica.html">
<img className="repsImages" src="images/image1.jpg" alt="" />
</a>
</div>
<div className="images">
<p className="republicName">Nome da República</p>
<a href="Republica.html">
<img className="repsImages" src="images/image2.jpg" alt="" />
</a>
</div>
<div className="images">
<p className="republicName">Nome da República</p>
<a href="Republica.html">
<img className="repsImages" src="images/image3.jpg" alt="" />
</a>
</div>
<div className="images">
<p className="republicName">Nome da República</p>
<a href="Republica.html">
<img className="repsImages" src="images/image4.jpg" alt="" />
</a>
</div>
<RepublicImage text="Nome da República" imageSrc="images/image1.jpg" imgAlt="placeholder" />
<RepublicImage text="Nome da República" imageSrc="images/image1.jpg" imgAlt="placeholder" />
<RepublicImage text="Nome da República" imageSrc="images/image1.jpg" imgAlt="placeholder" />
<RepublicImage text="Nome da República" imageSrc="images/image1.jpg" imgAlt="placeholder" />
</div>
</div>
</div>
@@ -155,59 +131,19 @@ class home extends React.Component {
Praias
</label>
<div className="ContainerRepublicas" style={{ display: "flex" }}>
<div className="images">
<p className="republicName">Nome da República</p>
<a href="Republica.html">
<img className="repsImages" src="images/image1.jpg" alt="" />
</a>
</div>
<div className="images">
<p className="republicName">Nome da República</p>
<a href="Republica.html">
<img className="repsImages" src="images/image2.jpg" alt="" />
</a>
</div>
<div className="images">
<p className="republicName">Nome da República</p>
<a href="Republica.html">
<img className="repsImages" src="images/image3.jpg" alt="" />
</a>
</div>
<div className="images">
<p className="republicName">Nome da República</p>
<a href="Republica.html">
<img className="repsImages" src="images/image4.jpg" alt="" />
</a>
</div>
<RepublicImage text="Nome da República" imageSrc="images/image1.jpg" imgAlt="placeholder" />
<RepublicImage text="Nome da República" imageSrc="images/image1.jpg" imgAlt="placeholder" />
<RepublicImage text="Nome da República" imageSrc="images/image1.jpg" imgAlt="placeholder" />
<RepublicImage text="Nome da República" imageSrc="images/image1.jpg" imgAlt="placeholder" />
</div>
<div
className="ContainerRepublicas"
style={{ display: "flex", marginTop: 30 }}
>
<div className="images">
<p className="republicName">Nome da República</p>
<a href="Republica.html">
<img className="repsImages" src="images/image1.jpg" alt="" />
</a>
</div>
<div className="images">
<p className="republicName">Nome da República</p>
<a href="Republica.html">
<img className="repsImages" src="images/image2.jpg" alt="" />
</a>
</div>
<div className="images">
<p className="republicName">Nome da República</p>
<a href="Republica.html">
<img className="repsImages" src="images/image3.jpg" alt="" />
</a>
</div>
<div className="images">
<p className="republicName">Nome da República</p>
<a href="Republica.html">
<img className="repsImages" src="images/image4.jpg" alt="" />
</a>
</div>
<RepublicImage text="Nome da República" imageSrc="images/image1.jpg" imgAlt="placeholder" />
<RepublicImage text="Nome da República" imageSrc="images/image1.jpg" imgAlt="placeholder" />
<RepublicImage text="Nome da República" imageSrc="images/image1.jpg" imgAlt="placeholder" />
<RepublicImage text="Nome da República" imageSrc="images/image1.jpg" imgAlt="placeholder" />
</div>
</div>
</div>

0 comments on commit 6003f11

Please sign in to comment.