Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Back button added #438

Closed
wants to merge 1 commit into from
Closed

Back button added #438

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
563 changes: 38 additions & 525 deletions frontend/package-lock.json
View file
Open in desktop

Large diffs are not rendered by default.

11 changes: 11 additions & 0 deletions frontend/src/App.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -24,6 +24,7 @@ function ComingSoon() {

const App = () => {
return (
<>
<BrowserRouter>
<Routes>
<Route path="/search" element={<Search />}>
Expand All @@ -46,6 +47,16 @@ const App = () => {
<Route path="*" element={<PagenotFound />} />
</Routes>
</BrowserRouter>
<Router>
<Switch>
<Route exact path="/" component={Home} />
<Route path="/Aboutus" component={Aboutus} />
<Route path="/Culture" component={Culture}/>
<Route path="/Contactus" component={Contactus}/>
<Route path="/Terms" component={Terms}/>
</Switch>
</Router>
</>
);
};

Expand Down
7 changes: 7 additions & 0 deletions frontend/src/pages/Aboutus.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -84,3 +84,10 @@ body {
align-items: center;
}
} */
.back {
position: fixed;
top: 20px;
left: 20px;
cursor: pointer;
z-index: 1000;
}
16 changes: 16 additions & 0 deletions frontend/src/pages/Aboutus.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,8 @@
// import React from 'react';
import React, { useState, useEffect } from "react";
import { HoverEffect } from "../components/aboutcard";
import "../pages/Aboutus.css";

function Aboutus() {
const items = [
{
Expand Down Expand Up @@ -30,6 +32,20 @@ function Aboutus() {
];
return (
<div>
<div className="back">
<Link to="/">
<svg
xmlns="http://www.w3.org/2000/svg"
width="30"
height="30"
fill="currentColor"
class="bi bi-arrow-left-circle-fill"
viewBox="0 0 16 16"
>
<path d="M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0m3.5 7.5a.5.5 0 0 1 0 1H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5z" />
</svg>
</Link>
</div>
<h1 className="text-center text-aliceblue text-4xl mb-10">About Us</h1>
<div>
<HoverEffect items={items} />
Expand Down
7 changes: 7 additions & 0 deletions frontend/src/pages/Contactus.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -101,3 +101,10 @@ input, textarea {
background-color: #45a049;
} */

.back {
position: fixed;
top: 20px;
left: 20px;
cursor: pointer;
z-index: 1000;
}
14 changes: 14 additions & 0 deletions frontend/src/pages/Contactus.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,6 +11,20 @@ function Contactus() {
return (
<>
<div id="contact" className="p-5">
<div className="back">
<Link to="/">
<svg
xmlns="http://www.w3.org/2000/svg"
width="30"
height="30"
fill="currentColor"
class="bi bi-arrow-left-circle-fill"
viewBox="0 0 16 16"
>
<path d="M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0m3.5 7.5a.5.5 0 0 1 0 1H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5z" />
</svg>
</Link>
</div>
<div className="">
<h2 className="text-center text-white text-3xl font-bold">
Contact Us
Expand Down
14 changes: 13 additions & 1 deletion frontend/src/pages/Culture.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
import { useState } from 'react';

import "../pages/Aboutus.css"
const Culture = () => {
// Static data for demonstration purposes
const genres = [
Expand Down Expand Up @@ -216,6 +216,18 @@ const Culture = () => {

return (
<div className="text-white p-8 text-center">
<div className="back">
<svg
xmlns="http://www.w3.org/2000/svg"
width="30"
height="30"
fill="currentColor"
class="bi bi-arrow-left-circle-fill"
viewBox="0 0 16 16"
>
<path d="M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0m3.5 7.5a.5.5 0 0 1 0 1H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5z" />
</svg>
</div>
<div className="text-3xl font-bold mb-4">Culture</div>
<div className="text-xl">Explore the culture of music!</div>
<div className="text-lg text-gray-400 mt-2">Discover new genres, artists, and more.</div>
Expand Down
14 changes: 13 additions & 1 deletion frontend/src/pages/Terms.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,8 +1,20 @@
import React from "react";

import "../pages/Aboutus.css"
const Terms = () => {
return (
<div className="min-h-[40rem] w-full pt-16 rounded-md flex justify-center flex-col antialiased relative overflow-hidden">
<div className="back">
<svg
xmlns="http://www.w3.org/2000/svg"
width="30"
height="30"
fill="currentColor"
class="bi bi-arrow-left-circle-fill"
viewBox="0 0 16 16"
>
<path d="M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0m3.5 7.5a.5.5 0 0 1 0 1H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5z" />
</svg>
</div>
<div className="mx-auto max-w-2xl px-4 py-8">
<h1 className="text-4xl font-bold mb-8 text-white text-center">
Terms and Conditions
Expand Down