Skip to content
This repository has been archived by the owner on Dec 10, 2023. It is now read-only.

Commit

Permalink
added alt text to all images
Browse files Browse the repository at this point in the history
  • Loading branch information
@Manas2403
Manas2403 committed Jun 17, 2023
1 parent 3fa75e5 commit 58683de
Show file tree
Hide file tree
Showing 3 changed files with 187 additions and 176 deletions.
353 changes: 180 additions & 173 deletions components/elements/Appbar/index.js
View file
Original file line number Diff line number Diff line change
@@ -1,152 +1,159 @@
import React from 'react';
import { Navbar, Button, Link, Text } from '@nextui-org/react';
import { Popconfirm } from 'antd';
import Logo from '../../../assets/images/logos/AppbarLogo.svg';
import Image from 'next/image';
import { useState, useEffect, useContext } from 'react';
import { useRouter } from 'next/router';
import { getLS, removeLS } from '../../utils/LocalStorage';
import { UserContext, AppbarContext } from '../../context';
import { DownOutlined, SmileOutlined } from '@ant-design/icons';
import { Dropdown, Space } from 'antd';
import { useRef } from 'react';
import { CgProfile } from 'react-icons/cg';
import { BiLogOut } from 'react-icons/bi';
import React from "react";
import { Navbar, Button, Link, Text } from "@nextui-org/react";
import { Popconfirm } from "antd";
import Logo from "../../../assets/images/logos/AppbarLogo.svg";
import Image from "next/image";
import { useState, useEffect, useContext } from "react";
import { useRouter } from "next/router";
import { getLS, removeLS } from "../../utils/LocalStorage";
import { UserContext, AppbarContext } from "../../context";
import { DownOutlined, SmileOutlined } from "@ant-design/icons";
import { Dropdown, Space } from "antd";
import { useRef } from "react";
import { CgProfile } from "react-icons/cg";
import { BiLogOut } from "react-icons/bi";
export default function index() {
const items = [
{
key: '1',
label: (
<Link onClick={() => router.push('/settings')}>
<span className="text-green-700 font-semibold"> Profile</span>
</Link>
),
icon: <CgProfile className="text-green-700" />,
},
{
key: '2',
danger: true,
label: (
<Popconfirm
placement="leftTop"
title="Are you sure you want to Log Out?"
// description="Are you sure? You want to delete this task"
onConfirm={() => {
removeLS('secret');
router.push('/');
setIsLoggedIn(false);
}}
okText="Yes"
cancelText="No"
>
logout
</Popconfirm>
),
icon: <BiLogOut />,
},
];
const { isLoggedIn, setIsLoggedIn } = useContext(UserContext);
const { active, setActive } = useContext(AppbarContext);
const router = useRouter();
const collapseItems = ['Home', 'Dashboard', 'Documentation', 'FAQ'];
const [openCollapse, setOpenCollapse] = useState(false);
const navbarToggleRef = useRef();
const items = [
{
key: "1",
label: (
<Link onClick={() => router.push("/settings")}>
<span className="text-green-700 font-semibold">
{" "}
Profile
</span>
</Link>
),
icon: <CgProfile className="text-green-700" />,
},
{
key: "2",
danger: true,
label: (
<Popconfirm
placement="leftTop"
title="Are you sure you want to Log Out?"
// description="Are you sure? You want to delete this task"
onConfirm={() => {
removeLS("secret");
router.push("/");
setIsLoggedIn(false);
}}
okText="Yes"
cancelText="No"
>
logout
</Popconfirm>
),
icon: <BiLogOut />,
},
];
const { isLoggedIn, setIsLoggedIn } = useContext(UserContext);
const { active, setActive } = useContext(AppbarContext);
const router = useRouter();
const collapseItems = ["Home", "Dashboard", "Documentation", "FAQ"];
const [openCollapse, setOpenCollapse] = useState(false);
const navbarToggleRef = useRef();

return (
<Navbar variant="sticky" className="w-full opacity-100 bg-[#FFFFFF]">
<Navbar.Toggle
showIn={'sm'}
aria-label="toggle navigation"
className="mx-2 fill-[#00FF00]"
onChange={(isSelected) => setOpenCollapse(isSelected)}
ref={navbarToggleRef}
/>
<Navbar.Brand>
<Link onClick={() => router.push('/')}>
<Image src={Logo} className="h-16 w-16 mr-4" alt="Logo" />
</Link>
<Link onClick={() => router.push('/')}>
<Text b color="#001E2B" hideIn="xs" className="text-2xl">
SaveMyForm
</Text>
</Link>
</Navbar.Brand>
<Navbar.Content activeColor={'success'} hideIn="sm" variant={'default'}>
<Navbar.Link
isActive={active.home}
onClick={() => {
router.push('/');
}}
className="hover:text-[#116148] text-lg font-semibold"
>
Home
</Navbar.Link>
<Navbar.Link
isActive={active.dashboard}
onClick={() => {
router.push('/dashboard');
}}
className="hover:text-[#116148] text-lg font-semibold"
>
Dashboard
</Navbar.Link>
<Navbar.Link
isActive={active.documentation}
onClick={() => {
router.push('/documentation');
}}
className="hover:text-[#116148] text-lg font-semibold"
>
Documentation
</Navbar.Link>
<Navbar.Link
isActive={active.faq}
onClick={() => {
router.push('/faq');
}}
className="hover:text-[#116148] text-lg font-semibold"
>
FAQs
</Navbar.Link>
</Navbar.Content>
<Navbar.Content>
{!isLoggedIn ? (
<>
<Button
flat
auto
color="transparent"
className="text-lg font-semibold cursor-pointer hover:text-[#00694B] hover:bg-[#DEF7E5] rounded-md"
onClick={() => router.push('/signin')}
return (
<Navbar variant="sticky" className="w-full opacity-100 bg-[#FFFFFF]">
<Navbar.Toggle
showIn={"sm"}
aria-label="toggle navigation"
className="mx-2 fill-[#00FF00]"
onChange={(isSelected) => setOpenCollapse(isSelected)}
ref={navbarToggleRef}
/>
<Navbar.Brand>
<Link onClick={() => router.push("/")}>
<Image src={Logo} className="h-16 w-16 mr-4" alt="Logo" />
</Link>
<Link onClick={() => router.push("/")}>
<Text b color="#001E2B" hideIn="xs" className="text-2xl">
SaveMyForm
</Text>
</Link>
</Navbar.Brand>
<Navbar.Content
activeColor={"success"}
hideIn="sm"
variant={"default"}
>
Login
</Button>
<Button
auto
flat
bordered
color={'#001E2B'}
className="bg-[#01EC64] border-[#001E2B] text-[#001E2B] hover:bg-[#11FC74] rounded-md text-lg font-bold"
onClick={() => router.push('/signup')}
>
Sign Up
</Button>
</>
) : (
<>
<Dropdown
menu={{
items,
}}
>
<a onClick={(e) => e.preventDefault()}>
<Space className="font-semibold text-lg flex justify-between items-center">
My Account
<DownOutlined className="text-lg mb-1" />
</Space>
</a>
</Dropdown>
{/* <Popconfirm
<Navbar.Link
isActive={active.home}
onClick={() => {
router.push("/");
}}
className="hover:text-[#116148] text-lg font-semibold"
>
Home
</Navbar.Link>
<Navbar.Link
isActive={active.dashboard}
onClick={() => {
router.push("/dashboard");
}}
className="hover:text-[#116148] text-lg font-semibold"
>
Dashboard
</Navbar.Link>
<Navbar.Link
isActive={active.documentation}
onClick={() => {
router.push("/documentation");
}}
className="hover:text-[#116148] text-lg font-semibold"
>
Documentation
</Navbar.Link>
<Navbar.Link
isActive={active.faq}
onClick={() => {
router.push("/faq");
}}
className="hover:text-[#116148] text-lg font-semibold"
>
FAQs
</Navbar.Link>
</Navbar.Content>
<Navbar.Content>
{!isLoggedIn ? (
<>
<Button
flat
auto
color="transparent"
className="text-lg font-semibold cursor-pointer hover:text-[#00694B] hover:bg-[#DEF7E5] rounded-md"
onClick={() => router.push("/signin")}
>
Login
</Button>
<Button
auto
flat
bordered
color={"#001E2B"}
className="bg-[#01EC64] border-[#001E2B] text-[#001E2B] hover:bg-[#11FC74] rounded-md text-lg font-bold"
onClick={() => router.push("/signup")}
>
Sign Up
</Button>
</>
) : (
<>
<Dropdown
menu={{
items,
}}
>
<a onClick={(e) => e.preventDefault()}>
<Space className="font-semibold text-lg flex justify-between items-center">
My Account
<DownOutlined className="text-lg mb-1" />
</Space>
</a>
</Dropdown>
{/* <Popconfirm
placement="leftTop"
title="Are you sure you want to Log Out?"
// description="Are you sure? You want to delete this task"
Expand All @@ -168,31 +175,31 @@ export default function index() {
Log Out
</Button>
</Popconfirm> */}
</>
)}
</Navbar.Content>
<Navbar.Collapse className="text-[#00694B]">
{collapseItems.map((item, index) => (
<Navbar.CollapseItem key={item}>
<div
css={{
minWidth: '100%',
}}
onClick={() => {
router.push(
item.toLowerCase() === 'home'
? '/'
: `/${item.toLowerCase()}`,
);
openCollapse && navbarToggleRef.current.click();
}}
className="hover:text-[#00694B] duration-75 text-left"
>
{item}
</div>
</Navbar.CollapseItem>
))}
</Navbar.Collapse>
</Navbar>
);
</>
)}
</Navbar.Content>
<Navbar.Collapse className="text-[#00694B]">
{collapseItems.map((item, index) => (
<Navbar.CollapseItem key={item}>
<div
css={{
minWidth: "100%",
}}
onClick={() => {
router.push(
item.toLowerCase() === "home"
? "/"
: `/${item.toLowerCase()}`
);
openCollapse && navbarToggleRef.current.click();
}}
className="hover:text-[#00694B] duration-75 text-left"
>
{item}
</div>
</Navbar.CollapseItem>
))}
</Navbar.Collapse>
</Navbar>
);
}
8 changes: 6 additions & 2 deletions components/elements/Form/index.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -22,11 +22,15 @@ export default function Form(props) {
{moment(props.createdAt).fromNow()}
</span>
<button>
<Image src={clock} className="w-3 h-3 ml-1" />
<Image
src={clock}
className="w-3 h-3 ml-1"
alt="clock"
/>
</button>
</div>
</div>
<Image src={menu} className="float-right" />
<Image src={menu} className="float-right" alt="menu" />
</div>
<div className="h-1/2 w-full p-5 pl-6 text-2xs flex items-end text-[#116149] font-medium">
<div>{props.totalSubmissions} Submissions</div>
Expand Down
2 changes: 1 addition & 1 deletion pages/dashboard/index.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -146,7 +146,7 @@ export default function Dashboard() {
<div className="ml-2 m-2">Learn More</div>
</div>
<div className="md:w-[70%] md:flex justify-center items-center hidden mb-[-20px]">
<Image src={Icon} />
<Image src={Icon} alt="icon" />
</div>
</div>
<div className="border-[#001E2B] p-3 border-[1px] mt-5 md:mt-0 rounded-[12px] flex flex-col items-center justify-between md:w-[30%] md:ml-auto ">
Expand Down

0 comments on commit 58683de

Please sign in to comment.