From 7129663f33002b0122395487f0449881d7e5d6d3 Mon Sep 17 00:00:00 2001 From: Ragesh Date: Mon, 19 Feb 2024 15:42:58 +0530 Subject: [PATCH] feat: victim help page (#673) --- src/App.jsx | 2 + src/components/Header/Dropdowns/Dropdown.jsx | 1 + .../Other/Victimhelp/Victimhelp.jsx | 79 ++++++++++++++++++ .../Other/Victimhelp/VictimhelpElements.jsx | 81 +++++++++++++++++++ src/components/index.js | 1 + 5 files changed, 164 insertions(+) create mode 100644 src/components/Other/Victimhelp/Victimhelp.jsx create mode 100644 src/components/Other/Victimhelp/VictimhelpElements.jsx diff --git a/src/App.jsx b/src/App.jsx index 384006f6..9a2983ff 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -59,6 +59,7 @@ import CheatSheetsRoutes from "./components/CheatSheets/CheatSheetsRoutes"; import AdminDashboardRoute from "./components/AdminDashboard/AdminDashboardRoute"; import AiChat from "./components/AIChat/AIChat"; import MakeQuiz from "./components/Resources/Quiz/CreateQuiz/Main"; +import VictimHelp from "./components/Other/Victimhelp/Victimhelp"; import Connections from "./components/Dashboard/Profile/ConnectionsAndFollows/Connections/Connections"; import WebSecurityRoutes from "./components/WebSecurity/WebSecurityRoutes"; @@ -139,6 +140,7 @@ const App = () => { } /> } /> } /> + } /> } /> diff --git a/src/components/Header/Dropdowns/Dropdown.jsx b/src/components/Header/Dropdowns/Dropdown.jsx index 8dc541c1..1b6cefed 100644 --- a/src/components/Header/Dropdowns/Dropdown.jsx +++ b/src/components/Header/Dropdowns/Dropdown.jsx @@ -59,6 +59,7 @@ export default function Dropdown({ { title: "Tools", to: "tools", desc: "Tools for your hacking needs" }, { title: "Community", to: "/community", desc: "Join our community" }, { title: "Methodology", to: "/resources/methodology", desc: "Test your knowledge" }, + { title: "Victim Help", to: "/victimhelp", desc: "Guidance and Support for Victim" }, // { title: "Events", to: "/events", desc: "Find Cybersecurity Events" }, // { title: "Support", to: "/support", desc: "Support us" }, diff --git a/src/components/Other/Victimhelp/Victimhelp.jsx b/src/components/Other/Victimhelp/Victimhelp.jsx new file mode 100644 index 00000000..f38ddccb --- /dev/null +++ b/src/components/Other/Victimhelp/Victimhelp.jsx @@ -0,0 +1,79 @@ +import React from 'react'; +import { Wrapper } from '../../Dashboard/Profile/ProfileElements'; +import { VictimHelpWrapper, ScamSteps, ResourcesSection } from './VictimhelpElements'; + +const VictimHelp = () => { + return ( + + + +

Dealing with a Scam: What to Do Next

+

+ If you've fallen victim to a scam, it's important to take immediate action to mitigate + the impact and report the incident. Follow these steps to navigate through the aftermath + of being scammed: +

+
    +
  1. + Stay Calm: Take a deep breath. It's essential to stay calm and focused + to address the situation effectively. +
    2. +
  2. + Document Details: Write down all details related to the scam, + including the date, time, method of contact, and any information about the scammer. +
    3. +
  3. + Secure Your Accounts: Change passwords for your online accounts, + especially banking and email, to prevent further unauthorized access. +
    4. +
  4. + Report to Authorities: File a complaint with the relevant authorities. + In India, you can use the National Cyber Crime Reporting Portal.{' '} + + Report Cyber Crime + + . +
    5. +
  5. + Inform Your Bank: If the scam involved financial transactions, contact + your bank immediately to report the incident and take necessary actions. +
    6. +
  6. + Be Vigilant: Keep an eye on your accounts and report any suspicious + activity promptly. +
    7. +
+ + +

Helpful Information

+

+ It's crucial to seek support during such challenging times. Reach out to the following + resources for assistance: +

+
    +
  • + National Cyber Crime Reporting Portal:{' '} + + https://cybercrime.gov.in + +
    • +
  • + Helpline Number: 1930 (National Cyber Crime Reporting Portal) +
    • +
  • + Local Police: Visit your nearest police station to file a formal + complaint. +
    • +
  • + Online Support Communities: Connect with others who have experienced + similar situations for advice and emotional support. +
    • +
+ + + + + ); +}; + +export default VictimHelp; diff --git a/src/components/Other/Victimhelp/VictimhelpElements.jsx b/src/components/Other/Victimhelp/VictimhelpElements.jsx new file mode 100644 index 00000000..8c64e99f --- /dev/null +++ b/src/components/Other/Victimhelp/VictimhelpElements.jsx @@ -0,0 +1,81 @@ +import styled from 'styled-components'; + +const basicTextColor = '#ffffff'; // Set your basic text color + +export const VictimHelpWrapper = styled.div` + max-width: 800px; + margin: 0 auto; + padding: 20px; +`; + +export const ScamSteps = styled.div` + margin-bottom: 20px; + + h1 { + font-size: 28px; + margin-bottom: 15px; + color: ${basicTextColor}; + } + + p { + font-size: 16px; + line-height: 1.5; + color: ${basicTextColor}; + } + + ol { + list-style-type: decimal; + padding-left: 20px; + margin-top: 10px; + } + + li { + font-size: 16px; + margin-bottom: 10px; + + + strong { + font-weight: bold; + color: ${basicTextColor}; + } + } +`; + +export const ResourcesSection = styled.div` + h2 { + font-size: 24px; + margin-bottom: 15px; + color: ${basicTextColor}; + } + + p { + font-size: 16px; + line-height: 1.5; + color: ${basicTextColor}; + } + + ul { + list-style-type: disc; + padding-left: 20px; + margin-top: 10px; + } + + li { + font-size: 16px; + margin-bottom: 10px; + + strong { + font-weight: bold; + color: ${basicTextColor}; + } + + a { + color: #007bff; + text-decoration: none; + + &:hover { + text-decoration: underline; + } + } + } +`; diff --git a/src/components/index.js b/src/components/index.js index 3b02f07c..dc5aab99 100644 --- a/src/components/index.js +++ b/src/components/index.js @@ -19,6 +19,7 @@ export { default as CourseDetail } from "./Learn/Courses/YoutubeCourseDetail"; export { default as Resources } from "./Resources/Resources"; export { default as WriteUps } from "./Resources/WriteUps/WriteUps"; export { default as CyberNews } from "./Resources/CyberNews/CyberNews"; +export { default as Victimhelp } from "./Other/Victimhelp/Victimhelp"; // // export { default as CyberGames } from "./Other/CyberGames/CyberGames";