Skip to content

Feature/responsive #1

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

Open
TechyMT wants to merge 6 commits into
base: fe
Choose a base branch
from
Open

Feature/responsive #1

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
81e1ce0
responsive screens updated
Riyaa2610 Jan 15, 2024
20992c0
pages made responsive
Riyaa2610 Jan 15, 2024
c9c6c8c
added responsive
TechyMT Jan 15, 2024
b60b5f6
Merge branch 'feature/responsive' of https://github.com/tejasthorat15…
TechyMT Jan 15, 2024
660c0ea
Update Footer and Navbar components
TechyMT Jan 16, 2024
06ec194
Merge branch 'fe' into feature/responsive
TechyMT Jan 23, 2024
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
72 changes: 72 additions & 0 deletions client/app/check-fake-account/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,72 @@
"use client";
import React, { useState } from "react";
import Image from "next/image";
import fakeImage from "../assets/images/fake.jpg";
import { publicUrl } from "../utils/publicURL";
import { Button, Input, Spinner } from "@nextui-org/react";
import Heading from "../components/Heading";

const FakeNumberChecker = () => {
const [phoneNumber, setPhoneNumber] = useState("");
const [isFake, setIsFake] = useState<any>(null);
const [loading, setLoading] = useState(false);

const checkNumber = async () => {
setLoading(true);
const response = await fetch(
`${publicUrl()}/fraud_search/numbers/${phoneNumber}`
);
const { isFraud: isFakeNumber } = await response.json();

setIsFake(isFakeNumber);
setLoading(false);
};

return (
<div className="container mx-auto mt-8 mb-8 md:mb-48 p-4 text-center">
<div className="my-4">
<Heading>Fake Account Number Checker</Heading>
</div>
<div className="flex flex-col items-center">
<div className="max-w-[300px] mx-auto my-4 rounded-md shadow-md overflow-hidden">
<Image src={fakeImage} alt="RBI guidelines" width={1920} height={1080} />
</div>
<div className="w-full md:w-96">
<Input
type="text"
value={phoneNumber}
onChange={(e) => setPhoneNumber(e.target.value)}
placeholder="Enter account number"
color="primary"
variant="bordered"
size="lg"
/>
</div>
<Button
onClick={checkNumber}
color="primary"
size="lg"
className="my-4 md:my-12"
>
Check
</Button>
{loading && (
<p className="my-4 text-lg">
<Spinner color="primary" size="lg" />
</p>
)}
{isFake !== null && !loading && (
<p
className={`my-4 text-lg ${
isFake ? "text-red-500" : "text-green-500"
}`}
>
The number {phoneNumber} is {isFake ? "fake" : "not fake"}.
</p>
)}
</div>
</div>
);
};

export default FakeNumberChecker;
48 changes: 10 additions & 38 deletions client/app/checkfakenumber/page.tsx → client/app/check-fake-number/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,6 @@ import fakeNumberImage from "../assets/images/fraud.jpg";
import { publicUrl } from "../utils/publicURL";
import { Button, Input, Spinner } from "@nextui-org/react";
import Heading from "../components/Heading";
import { set } from "firebase/database";
import Loader from "../components/Loader";

const FakeNumberChecker = () => {
Expand Down Expand Up @@ -38,34 +37,15 @@ const FakeNumberChecker = () => {
return <Loader />;
}
return (
<div
style={{
textAlign: "center",
marginTop: "50px",
fontFamily: "Arial, sans-serif",
}}
>
<div className="container mx-auto mt-8 mb-8 md:mb-48 p-4 text-center">
<div className="my-4">
<Heading>Fake Number Checker</Heading>
</div>
<div
style={{
display: "flex",
flexDirection: "column",
alignItems: "center",
}}
>
<div
style={{
maxWidth: "300px",
margin: "20px",
borderRadius: "8px",
boxShadow: "0 4px 8px rgba(0, 0, 0, 0.1)",
}}
>
<Image src={fakeNumberImage} alt="RBI guidelines" width={1920} />
<div className="flex flex-col items-center">
<div className="max-w-[300px] mx-auto my-4 rounded-md shadow-md overflow-hidden">
<Image src={fakeNumberImage} alt="RBI guidelines" width={1920} height={1080} />
</div>
<div className="w-96">
<div className="w-full md:w-96">
<Input
type="text"
value={phoneNumber}
Expand All @@ -80,28 +60,20 @@ const FakeNumberChecker = () => {
onClick={checkNumber}
color="primary"
size="lg"
className="my-12"
className="my-4 md:my-12"
>
Check
</Button>
{loading && (
<p
style={{
margin: "20px",
fontSize: "1.2em",
color: isFake ? "red" : "green",
}}
>
<p className="my-4 text-lg">
<Spinner color="primary" size="lg" />
</p>
)}
{isFake !== null && !loading && (
<p
style={{
margin: "20px",
fontSize: "1.2em",
color: isFake ? "red" : "green",
}}
className={`my-4 text-lg ${
isFake ? "text-red-500" : "text-green-500"
}`}
>
The number {phoneNumber} is {isFake ? "fake" : "not fake"}.
</p>
Expand Down
16 changes: 8 additions & 8 deletions client/app/components/Footer/index.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,16 +5,16 @@ const Footer = () => {
return (
<footer className="bg-primary text-white">
<div className="mx-auto w-full max-w-screen-xl p-4 py-6 lg:py-8">
<div className="md:flex md:justify-between">
<div className="mb-6 md:mb-0">
<div className="md:flex md:justify-between flex-wrap">
<div className="mb-6 md:mb-0 w-full md:w-auto">
<a href="/" className="flex items-center">
<Image src={Logo} className="w-32 h-28" alt="Logo" />
<span className="self-center text-2xl font-semibold whitespace-nowrap text-white">
Rajashthan Police Cyber Crime
<span className="self-center md:text-2xl font-semibold text-wrap text-lg text-white">
Rajasthan Police Cyber Crime
</span>
</a>
</div>
<div className="grid grid-cols-2 gap-8 sm:gap-6 sm:grid-cols-3">
<div className="grid grid-cols-1 md:grid-cols-2 lf:grid-cols-3 gap-8 sm:gap-6">
<div>
<h2 className="mb-6 text-sm font-semibold uppercase text-white">
Resources
Expand Down Expand Up @@ -98,15 +98,15 @@ const Footer = () => {
</div>
</div>
<hr className="my-6 border-gray-200 sm:mx-auto lg:my-8" />
<div className="sm:flex sm:items-center sm:justify-between">
<span className="text-sm sm:text-center ">
<div className="sm:flex sm:items-center sm:justify-between flex-wrap">
<span className="text-sm sm:text-center w-full sm:w-auto mb4 sm:mb-0">
© 2024{" "}
<a href="https://police.rajasthan.gov.in/new/dashboard" target="_blank" className="hover:underline">
Rajasthan Police™
</a>
. All Rights Reserved.
</span>
<div className="flex mt-4 sm:justify-center sm:mt-0">
<div className="flex justify-center">
<a href="https://www.facebook.com/PoliceRajasthan/?locale=hi_IN" target="_blank" className="text-white">
<svg
className="w-4 h-4"
Expand Down
Loading