timniel
/
Quiz-PDF
forked from mrwyndham/fastpocket
1
0
Fork 0
Code Pull Requests Activity

feature - removed styled icons and resolved an issue with icon library

This commit is contained in:
James Wyndham 2024-02-23 03:59:20 +08:00
parent 5fb088ce29
commit f96d3312a5
4 changed files with 10 additions and 2221 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
Frontend/components/Navigation.tsx
View File

@ -2,8 +2,8 @@
import Logo from "@/components/Logo"; import Logo from "@/components/Logo";
import React, { useState } from "react"; import React, { useState } from "react";
import { Menu } from "@styled-icons/entypo/Menu";
import Link from "next/link"; import Link from "next/link";
import Icon from "./Icon";
function Navigation({ isUserLoggedIn }: { isUserLoggedIn: boolean }) { function Navigation({ isUserLoggedIn }: { isUserLoggedIn: boolean }) {
const [checked, setChecked] = useState<boolean>(); const [checked, setChecked] = useState<boolean>();
@ -23,11 +23,12 @@ function Navigation({ isUserLoggedIn }: { isUserLoggedIn: boolean }) {
{/* Navbar */} {/* Navbar */}
<div className="flex-grow navbar "> <div className="flex-grow navbar ">
<div className="flex-none lg:hidden"> <div className="flex-none lg:hidden">
<label htmlFor="my-drawer-3" aria-label="menu-icon"> <label
<Menu htmlFor="my-drawer-3"
size={36} aria-label="menu-icon"
className="self-center flex-grow h-full cursor-pointer fill-primary" className="items-center"
/> >
<Icon name="Navigation24Filled" size="medium" />
</label> </label>
</div> </div>

4
Frontend/components/PriceCard.tsx
View File

@ -1,8 +1,8 @@
import { Price, Product, SourceModal } from "@/types"; import { Price, Product, SourceModal } from "@/types";
import { Check } from "@styled-icons/entypo/Check";
import { createCheckoutSession, isAuthenticated } from "@/app/(auth)/actions"; import { createCheckoutSession, isAuthenticated } from "@/app/(auth)/actions";
import { toast } from "react-toastify"; import { toast } from "react-toastify";
import { useRouter } from "next/navigation"; import { useRouter } from "next/navigation";
import Icon from "./Icon";
export default function PriceCard({ export default function PriceCard({
product, product,
@ -79,7 +79,7 @@ export default function PriceCard({
<ul className="flex flex-col gap-y-3 mx-12"> <ul className="flex flex-col gap-y-3 mx-12">
{product?.metadata?.benefits?.map((x, i) => ( {product?.metadata?.benefits?.map((x, i) => (
<li key={i} className="flex items-center gap-x-4 flex-nowrap"> <li key={i} className="flex items-center gap-x-4 flex-nowrap">
<Check className=" self-start" color="#FF0DCA" size={24} /> <Icon name="CheckmarkCircle24Filled" />
<p className="w-40 text-base-content overflow-clip text-ellipsis"> <p className="w-40 text-base-content overflow-clip text-ellipsis">
{x} {x}

2213
Frontend/package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

1
Frontend/package.json
View File

@ -37,7 +37,6 @@
"react-icons": "^4.11.0", "react-icons": "^4.11.0",
"react-toastify": "^9.1.3", "react-toastify": "^9.1.3",
"sharp": "^0.32.6", "sharp": "^0.32.6",
"styled-icons": "^10.47.0",
"tailwindcss": "3.3.3", "tailwindcss": "3.3.3",
"theme-change": "^2.5.0", "theme-change": "^2.5.0",
"typescript": "5.1.6", "typescript": "5.1.6",