feat: Publication
This commit is contained in:
IlyaDoronin
parent
9ac742020e
commit
87a94bae13
25
.gitignore
vendored
Normal file
25
.gitignore
vendored
Normal file
@ -0,0 +1,25 @@
|
||||
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
|
||||
|
||||
# dependencies
|
||||
/node_modules
|
||||
/.pnp
|
||||
.pnp.js
|
||||
|
||||
# testing
|
||||
/coverage
|
||||
|
||||
# production
|
||||
/build
|
||||
|
||||
# misc
|
||||
.DS_Store
|
||||
.env.local
|
||||
.env.development.local
|
||||
.env.test.local
|
||||
.env.production.local
|
||||
|
||||
npm-debug.log*
|
||||
yarn-debug.log*
|
||||
yarn-error.log*
|
||||
|
||||
.idea
|
||||
4
.vscode/settings.json
vendored
Normal file
4
.vscode/settings.json
vendored
Normal file
@ -0,0 +1,4 @@
|
||||
{
|
||||
"typescript.enablePromptUseWorkspaceTsdk": true,
|
||||
"typescript.tsdk": "node_modules/typescript/lib"
|
||||
}
|
||||
1
.yarnrc
Normal file
1
.yarnrc
Normal file
@ -0,0 +1 @@
|
||||
"@frontend:registry" "https://penahub.gitlab.yandexcloud.net/api/v4/packages/npm/"
|
||||
17
craco.config.js
Normal file
17
craco.config.js
Normal file
@ -0,0 +1,17 @@
|
||||
const CracoAlias = require("craco-alias");
|
||||
|
||||
module.exports = {
|
||||
plugins: [
|
||||
{
|
||||
plugin: CracoAlias,
|
||||
options: {
|
||||
source: "tsconfig",
|
||||
// baseUrl SHOULD be specified
|
||||
// plugin does not take it from tsconfig
|
||||
baseUrl: "./src",
|
||||
// tsConfigPath should point to the file where "baseUrl" and "paths" are specified
|
||||
tsConfigPath: "./tsconfig.extend.json"
|
||||
}
|
||||
}
|
||||
]
|
||||
};
|
||||
53
package.json
Normal file
53
package.json
Normal file
@ -0,0 +1,53 @@
|
||||
{
|
||||
"name": "squzanswerer",
|
||||
"version": "1.0.0",
|
||||
"private": true,
|
||||
"repository": "git@penahub.gitlab.yandexcloud.net:frontend/squzanswerer.git",
|
||||
"author": "ryletd",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@craco/craco": "^7.1.0",
|
||||
"@emotion/react": "^11.11.1",
|
||||
"@emotion/styled": "^11.11.0",
|
||||
"@frontend/kitui": "^1.0.54",
|
||||
"@mui/icons-material": "^5.15.0",
|
||||
"@mui/material": "^5.15.0",
|
||||
"@mui/x-date-pickers": "^6.18.4",
|
||||
"axios": "^1.6.2",
|
||||
"dayjs": "^1.11.10",
|
||||
"notistack": "^3.0.1",
|
||||
"react": "^18.2.0",
|
||||
"react-dom": "^18.2.0",
|
||||
"react-rnd": "^10.4.1",
|
||||
"react-router-dom": "^6.21.0",
|
||||
"react-scripts": "^5.0.1",
|
||||
"swr": "^2.2.4",
|
||||
"typescript": "^5.3.3",
|
||||
"use-debounce": "^10.0.0",
|
||||
"zustand": "^4.4.7"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@emoji-mart/data": "^1.1.2",
|
||||
"@emoji-mart/react": "^1.1.1",
|
||||
"@types/node": "^20.10.4",
|
||||
"@types/react": "^18.2.45",
|
||||
"@types/react-dom": "^18.2.18",
|
||||
"craco-alias": "^3.0.1"
|
||||
},
|
||||
"scripts": {
|
||||
"start": "craco start",
|
||||
"build": "craco build"
|
||||
},
|
||||
"browserslist": {
|
||||
"production": [
|
||||
">0.2%",
|
||||
"not dead",
|
||||
"not op_mini all"
|
||||
],
|
||||
"development": [
|
||||
"last 1 chrome version",
|
||||
"last 1 firefox version",
|
||||
"last 1 safari version"
|
||||
]
|
||||
}
|
||||
}
|
||||
BIN
public/favicon.ico
Normal file
BIN
public/favicon.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
19
public/index.html
Normal file
19
public/index.html
Normal file
@ -0,0 +1,19 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="theme-color" content="#000000" />
|
||||
<link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
|
||||
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;600&display=swap" rel="stylesheet">
|
||||
<title>Pena Quiz</title>
|
||||
</head>
|
||||
<body>
|
||||
<noscript>You need to enable JavaScript to run this app.</noscript>
|
||||
<div id="root"></div>
|
||||
</body>
|
||||
</html>
|
||||
25
public/manifest.json
Normal file
25
public/manifest.json
Normal file
@ -0,0 +1,25 @@
|
||||
{
|
||||
"short_name": "React App",
|
||||
"name": "Create React App Sample",
|
||||
"icons": [
|
||||
{
|
||||
"src": "favicon.ico",
|
||||
"sizes": "64x64 32x32 24x24 16x16",
|
||||
"type": "image/x-icon"
|
||||
},
|
||||
{
|
||||
"src": "android-chrome-192x192.png",
|
||||
"type": "image/png",
|
||||
"sizes": "192x192"
|
||||
},
|
||||
{
|
||||
"src": "android-chrome-512x512.png",
|
||||
"type": "image/png",
|
||||
"sizes": "512x512"
|
||||
}
|
||||
],
|
||||
"start_url": ".",
|
||||
"display": "standalone",
|
||||
"theme_color": "#000000",
|
||||
"background_color": "#ffffff"
|
||||
}
|
||||
3
public/robots.txt
Normal file
3
public/robots.txt
Normal file
@ -0,0 +1,3 @@
|
||||
# https://www.robotstxt.org/robotstxt.html
|
||||
User-agent: *
|
||||
Disallow:
|
||||
19
public/site.webmanifest
Normal file
19
public/site.webmanifest
Normal file
@ -0,0 +1,19 @@
|
||||
{
|
||||
"name": "",
|
||||
"short_name": "",
|
||||
"icons": [
|
||||
{
|
||||
"src": "/android-chrome-192x192.png",
|
||||
"sizes": "192x192",
|
||||
"type": "image/png"
|
||||
},
|
||||
{
|
||||
"src": "/android-chrome-512x512.png",
|
||||
"sizes": "512x512",
|
||||
"type": "image/png"
|
||||
}
|
||||
],
|
||||
"theme_color": "#ffffff",
|
||||
"background_color": "#ffffff",
|
||||
"display": "standalone"
|
||||
}
|
||||
43
src/App.tsx
Normal file
43
src/App.tsx
Normal file
@ -0,0 +1,43 @@
|
||||
import dayjs from "dayjs";
|
||||
import "dayjs/locale/ru";
|
||||
import { ViewPage } from "./pages/ViewPublicationPage";
|
||||
import { BrowserRouter, Route, Routes } from "react-router-dom";
|
||||
import "./index.css";
|
||||
|
||||
import {
|
||||
clearAuthToken,
|
||||
getMessageFromFetchError,
|
||||
useUserFetcher,
|
||||
} from "@frontend/kitui";
|
||||
import { clearUserData, setUser, useUserStore } from "@root/user";
|
||||
import { enqueueSnackbar } from "notistack";
|
||||
|
||||
dayjs.locale("ru");
|
||||
|
||||
export default function App() {
|
||||
const userId = useUserStore((state) => state.userId);
|
||||
|
||||
useUserFetcher({
|
||||
url: `https://hub.pena.digital/user/${userId}`,
|
||||
userId,
|
||||
onNewUser: setUser,
|
||||
onError: (error) => {
|
||||
const errorMessage = getMessageFromFetchError(error);
|
||||
if (errorMessage) {
|
||||
enqueueSnackbar(errorMessage);
|
||||
clearUserData();
|
||||
clearAuthToken();
|
||||
}
|
||||
},
|
||||
});
|
||||
|
||||
return (
|
||||
<>
|
||||
<BrowserRouter>
|
||||
<Routes>
|
||||
<Route path="/view" element={<ViewPage />} />
|
||||
</Routes>
|
||||
</BrowserRouter>
|
||||
</>
|
||||
);
|
||||
}
|
||||
17
src/api/contactForm.ts
Normal file
17
src/api/contactForm.ts
Normal file
@ -0,0 +1,17 @@
|
||||
import axios from "axios";
|
||||
|
||||
const domen = window.location.hostname === "localhost" ? "squiz.pena.digital" : window.location.hostname
|
||||
|
||||
export function sendContactFormRequest(body: {
|
||||
|
||||
contact: string;
|
||||
whoami: string;
|
||||
}) {
|
||||
return axios(`https://${domen}/feedback/callme`, {
|
||||
method: "POST",
|
||||
headers: {
|
||||
"Content-Type": "application/json",
|
||||
},
|
||||
data: body,
|
||||
});
|
||||
}
|
||||
71
src/api/question.ts
Normal file
71
src/api/question.ts
Normal file
@ -0,0 +1,71 @@
|
||||
import { makeRequest } from "@frontend/kitui";
|
||||
import { CreateQuestionRequest } from "model/question/create";
|
||||
import { RawQuestion } from "model/question/question";
|
||||
import { GetQuestionListRequest, GetQuestionListResponse } from "@model/question/getList";
|
||||
import { EditQuestionRequest, EditQuestionResponse } from "@model/question/edit";
|
||||
import { DeleteQuestionRequest, DeleteQuestionResponse } from "@model/question/delete";
|
||||
import { CopyQuestionRequest, CopyQuestionResponse } from "@model/question/copy";
|
||||
|
||||
|
||||
const baseUrl = process.env.NODE_ENV === "production" ? "/squiz" : "https://squiz.pena.digital/squiz";
|
||||
|
||||
function createQuestion(body: CreateQuestionRequest) {
|
||||
return makeRequest<CreateQuestionRequest, RawQuestion>({
|
||||
url: `${baseUrl}/question/create`,
|
||||
body,
|
||||
method: "POST",
|
||||
});
|
||||
}
|
||||
|
||||
async function getQuestionList(body?: Partial<GetQuestionListRequest>) {
|
||||
console.log("body" , body)
|
||||
if (!body?.quiz_id) return null;
|
||||
|
||||
const response = await makeRequest<GetQuestionListRequest, GetQuestionListResponse>({
|
||||
url: `${baseUrl}/question/getList`,
|
||||
body: { ...defaultGetQuestionListBody, ...body },
|
||||
method: "POST",
|
||||
});
|
||||
|
||||
return response.items;
|
||||
}
|
||||
|
||||
function editQuestion(body: EditQuestionRequest, signal?: AbortSignal) {
|
||||
return makeRequest<EditQuestionRequest, EditQuestionResponse>({
|
||||
url: `${baseUrl}/question/edit`,
|
||||
body,
|
||||
method: "PATCH",
|
||||
signal,
|
||||
});
|
||||
}
|
||||
|
||||
function copyQuestion(questionId: number, quizId: number) {
|
||||
return makeRequest<CopyQuestionRequest, CopyQuestionResponse>({
|
||||
url: `${baseUrl}/question/copy`,
|
||||
body: { id: questionId, quiz_id: quizId },
|
||||
method: "POST",
|
||||
});
|
||||
}
|
||||
|
||||
function deleteQuestion(id: number) {
|
||||
return makeRequest<DeleteQuestionRequest, DeleteQuestionResponse>({
|
||||
url: `${baseUrl}/question/delete`,
|
||||
body: { id },
|
||||
method: "DELETE",
|
||||
});
|
||||
}
|
||||
|
||||
export const questionApi = {
|
||||
create: createQuestion,
|
||||
getList: getQuestionList,
|
||||
edit: editQuestion,
|
||||
copy: copyQuestion,
|
||||
delete: deleteQuestion,
|
||||
};
|
||||
|
||||
|
||||
const defaultGetQuestionListBody: GetQuestionListRequest = {
|
||||
"limit": 100,
|
||||
"offset": 0,
|
||||
"type": "",
|
||||
};
|
||||
118
src/api/quiz.ts
Normal file
118
src/api/quiz.ts
Normal file
@ -0,0 +1,118 @@
|
||||
import { makeRequest } from "@frontend/kitui";
|
||||
import { defaultQuizConfig } from "@model/quizSettings";
|
||||
import { CopyQuizRequest, CopyQuizResponse } from "model/quiz/copy";
|
||||
import { CreateQuizRequest } from "model/quiz/create";
|
||||
import { DeleteQuizRequest, DeleteQuizResponse } from "model/quiz/delete";
|
||||
import { EditQuizRequest, EditQuizResponse } from "model/quiz/edit";
|
||||
import { GetQuizRequest, GetQuizResponse } from "model/quiz/get";
|
||||
import { GetQuizListRequest, GetQuizListResponse } from "model/quiz/getList";
|
||||
import { RawQuiz } from "model/quiz/quiz";
|
||||
|
||||
|
||||
const baseUrl = process.env.NODE_ENV === "production" ? "/squiz" : "https://squiz.pena.digital/squiz";
|
||||
const imagesUrl = process.env.NODE_ENV === "production" ? "/squizstorer" : "https://squiz.pena.digital/squizstorer";
|
||||
|
||||
function createQuiz(body?: Partial<CreateQuizRequest>) {
|
||||
return makeRequest<CreateQuizRequest, RawQuiz>({
|
||||
url: `${baseUrl}/quiz/create`,
|
||||
body: { ...defaultCreateQuizBody, ...body },
|
||||
method: "POST",
|
||||
});
|
||||
}
|
||||
|
||||
async function getQuizList(body?: Partial<GetQuizListRequest>) {
|
||||
const response = await makeRequest<GetQuizListRequest, GetQuizListResponse>({
|
||||
url: `${baseUrl}/quiz/getList`,
|
||||
body: { ...defaultGetQuizListBody, ...body },
|
||||
method: "POST",
|
||||
});
|
||||
|
||||
return response.items;
|
||||
}
|
||||
|
||||
function getQuiz(body?: Partial<GetQuizRequest>) {
|
||||
return makeRequest<GetQuizRequest, GetQuizResponse>({
|
||||
url: `${baseUrl}/quiz/get`,
|
||||
body: { ...defaultGetQuizBody, ...body },
|
||||
method: "GET",
|
||||
});
|
||||
}
|
||||
|
||||
async function editQuiz(body: EditQuizRequest, signal?: AbortSignal) {
|
||||
return makeRequest<EditQuizRequest, EditQuizResponse>({
|
||||
url: `${baseUrl}/quiz/edit`,
|
||||
body,
|
||||
method: "PATCH",
|
||||
signal,
|
||||
});
|
||||
}
|
||||
|
||||
function copyQuiz(id: number) {
|
||||
return makeRequest<CopyQuizRequest, CopyQuizResponse>({
|
||||
url: `${baseUrl}/quiz/copy`,
|
||||
body: { id },
|
||||
method: "POST",
|
||||
});
|
||||
}
|
||||
|
||||
function deleteQuiz(id: number) {
|
||||
return makeRequest<DeleteQuizRequest, DeleteQuizResponse>({
|
||||
url: `${baseUrl}/quiz/delete`,
|
||||
body: { id },
|
||||
method: "DELETE",
|
||||
});
|
||||
}
|
||||
|
||||
function addQuizImages(quizId: number, image: Blob) {
|
||||
const formData = new FormData();
|
||||
|
||||
formData.append("quiz", quizId.toString());
|
||||
formData.append("image", image);
|
||||
|
||||
return makeRequest<FormData, { [key: string]: string; }>({
|
||||
url: `${imagesUrl}/quiz/putImages`,
|
||||
body: formData,
|
||||
method: "PUT",
|
||||
});
|
||||
}
|
||||
|
||||
export const quizApi = {
|
||||
create: createQuiz,
|
||||
getList: getQuizList,
|
||||
get: getQuiz,
|
||||
edit: editQuiz,
|
||||
copy: copyQuiz,
|
||||
delete: deleteQuiz,
|
||||
addImages: addQuizImages,
|
||||
};
|
||||
|
||||
|
||||
const defaultCreateQuizBody: CreateQuizRequest = {
|
||||
"fingerprinting": true,
|
||||
"repeatable": true,
|
||||
"note_prevented": true,
|
||||
"mail_notifications": false,
|
||||
"unique_answers": true,
|
||||
"name": "",
|
||||
"description": "",
|
||||
"config": JSON.stringify(defaultQuizConfig),
|
||||
"status": "stop",
|
||||
"limit": 0,
|
||||
"due_to": 0,
|
||||
"time_of_passing": 0,
|
||||
"pausable": false,
|
||||
"super": false,
|
||||
"group_id": 0,
|
||||
};
|
||||
|
||||
const defaultGetQuizBody: GetQuizRequest = {
|
||||
"quiz_id": "string",
|
||||
"limit": 0,
|
||||
"page": 0,
|
||||
"need_config": true,
|
||||
};
|
||||
|
||||
const defaultGetQuizListBody: GetQuizListRequest = {
|
||||
"limit": 100,
|
||||
"offset": 0,
|
||||
};
|
||||
BIN
src/assets/AutoOpen.png
Normal file
BIN
src/assets/AutoOpen.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
BIN
src/assets/BannerImg.png
Normal file
BIN
src/assets/BannerImg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 47 KiB |
BIN
src/assets/Bunner.png
Normal file
BIN
src/assets/Bunner.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
BIN
src/assets/InBodySite.png
Normal file
BIN
src/assets/InBodySite.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
8
src/assets/LDownButton.svg
Normal file
8
src/assets/LDownButton.svg
Normal file
@ -0,0 +1,8 @@
|
||||
<svg width="204" height="134" viewBox="0 0 204 134" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect x="1.25" y="1.25" width="201.5" height="131.5" rx="6.75" stroke="#7E2AEA" strokeWidth="1.5"/>
|
||||
<rect x="7.5" y="62.5" width="49" height="64" rx="3.5" fill="#7E2AEA" stroke="#7E2AEA"/>
|
||||
<path d="M202 14.75H202.75V14V8C202.75 4.27208 199.728 1.25 196 1.25H8C4.27208 1.25 1.25 4.27208 1.25 8V14V14.75H2H202Z" fill="#F2F3F7" stroke="#7E2AEA" strokeWidth="1.5"/>
|
||||
<circle cx="169.5" cy="8" r="2.5" fill="#7E2AEA"/>
|
||||
<circle cx="177.5" cy="8" r="2.5" fill="#7E2AEA"/>
|
||||
<circle cx="185.5" cy="8" r="2.5" fill="#7E2AEA"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 622 B |
BIN
src/assets/LandingPict/Desktop.png
Normal file
BIN
src/assets/LandingPict/Desktop.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 24 KiB |
81
src/assets/LandingPict/calendarIcon.tsx
Normal file
81
src/assets/LandingPict/calendarIcon.tsx
Normal file
@ -0,0 +1,81 @@
|
||||
import { Box } from "@mui/material";
|
||||
|
||||
interface Props {
|
||||
color?: string;
|
||||
}
|
||||
|
||||
export default function CalendarIcon({ color }: Props) {
|
||||
return (
|
||||
<Box
|
||||
sx={{
|
||||
height: "36px",
|
||||
width: "36px",
|
||||
display: "flex",
|
||||
alignItems: "center",
|
||||
justifyContent: "center",
|
||||
}}
|
||||
>
|
||||
<svg
|
||||
width="36"
|
||||
height="36"
|
||||
viewBox="0 0 36 36"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<g id="Group 22">
|
||||
<rect id="Border" width="36" height="36" rx="6" fill="#7E2AEA" />
|
||||
<g id="Group 21">
|
||||
<path
|
||||
id="Vector"
|
||||
d="M25.5 9.75H10.5C10.0858 9.75 9.75 10.0858 9.75 10.5V25.5C9.75 25.9142 10.0858 26.25 10.5 26.25H25.5C25.9142 26.25 26.25 25.9142 26.25 25.5V10.5C26.25 10.0858 25.9142 9.75 25.5 9.75Z"
|
||||
stroke="white"
|
||||
strokeWidth="1.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
id="Vector_2"
|
||||
d="M22.5 8.25V11.25"
|
||||
stroke="white"
|
||||
strokeWidth="1.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
id="Vector_3"
|
||||
d="M13.5 8.25V11.25"
|
||||
stroke="white"
|
||||
strokeWidth="1.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
id="Vector_4"
|
||||
d="M9.75 14.25H26.25"
|
||||
stroke="white"
|
||||
strokeWidth="1.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
id="Vector_5"
|
||||
d="M14.625 18H17.25L15.75 19.875C15.9969 19.8746 16.24 19.9351 16.4579 20.0512C16.6757 20.1672 16.8616 20.3353 16.999 20.5404C17.1363 20.7455 17.2209 20.9814 17.2453 21.2271C17.2696 21.4727 17.2329 21.7206 17.1385 21.9487C17.0441 22.1768 16.8949 22.378 16.704 22.5346C16.5132 22.6912 16.2866 22.7983 16.0445 22.8463C15.8024 22.8944 15.5521 22.8819 15.3159 22.81C15.0798 22.7382 14.865 22.6091 14.6906 22.4344"
|
||||
stroke="white"
|
||||
strokeWidth="1.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
id="Vector_6"
|
||||
d="M19.5 19.125L21 18V22.875"
|
||||
stroke="white"
|
||||
strokeWidth="1.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
</Box>
|
||||
);
|
||||
}
|
||||
535
src/assets/LandingPict/notebook.tsx
Normal file
535
src/assets/LandingPict/notebook.tsx
Normal file
@ -0,0 +1,535 @@
|
||||
import { Box } from "@mui/material";
|
||||
|
||||
interface Props {
|
||||
color?: string;
|
||||
}
|
||||
|
||||
export default function Notebook({ color }: Props) {
|
||||
return (
|
||||
<Box
|
||||
sx={{
|
||||
height: "171px",
|
||||
width: "279px",
|
||||
display: "flex",
|
||||
alignItems: "center",
|
||||
justifyContent: "center",
|
||||
}}
|
||||
>
|
||||
<svg
|
||||
width="279"
|
||||
height="171"
|
||||
viewBox="0 0 279 171"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M123.717 1.39258V3.94582L126.959 3.94582C127.348 3.94582 127.663 4.26075 127.663 4.64924V6.96329C127.663 7.60426 128.182 8.12386 128.823 8.12386L150.642 8.12386C151.283 8.12386 151.802 7.60426 151.802 6.96329V4.64924C151.802 4.26075 152.117 3.94582 152.506 3.94582L155.284 3.94582V1.39258L123.717 1.39258Z"
|
||||
fill="black"
|
||||
/>
|
||||
<circle
|
||||
cx="139.409"
|
||||
cy="4.55077"
|
||||
r="1.06935"
|
||||
transform="rotate(-180 139.409 4.55077)"
|
||||
fill="url(#paint0_linear_3_590)"
|
||||
/>
|
||||
<circle
|
||||
cx="139.385"
|
||||
cy="4.52608"
|
||||
r="0.580283"
|
||||
fill="url(#paint1_radial_3_590)"
|
||||
/>
|
||||
<g filter="url(#filter0_f_3_590)">
|
||||
<path
|
||||
d="M139.383 4.17799C139.291 4.17799 139.202 4.2269 139.137 4.31396C139.072 4.40102 139.035 4.5191 139.035 4.64222C139.035 4.76534 139.072 4.88342 139.137 4.97048C139.202 5.05754 139.291 5.10645 139.383 5.10645L139.383 4.64222L139.383 4.17799Z"
|
||||
fill="url(#paint2_linear_3_590)"
|
||||
/>
|
||||
</g>
|
||||
<g filter="url(#filter1_f_3_590)">
|
||||
<circle cx="139.384" cy="4.29403" r="0.116057" fill="#50326D" />
|
||||
</g>
|
||||
<g filter="url(#filter2_f_3_590)">
|
||||
<path
|
||||
d="M139.501 5.10643C139.624 5.10643 139.742 5.05752 139.829 4.97046C139.916 4.8834 139.965 4.76533 139.965 4.6422C139.965 4.51908 139.916 4.40101 139.829 4.31395C139.742 4.22689 139.624 4.17798 139.501 4.17798L139.501 4.6422L139.501 5.10643Z"
|
||||
fill="url(#paint3_linear_3_590)"
|
||||
/>
|
||||
</g>
|
||||
<g filter="url(#filter3_f_3_590)">
|
||||
<ellipse
|
||||
cx="139.5"
|
||||
cy="4.75815"
|
||||
rx="0.232113"
|
||||
ry="0.116057"
|
||||
fill="url(#paint4_linear_3_590)"
|
||||
/>
|
||||
</g>
|
||||
<path
|
||||
d="M117.914 159.462H139.501V162.711H121.164C119.369 162.711 117.914 161.257 117.914 159.462Z"
|
||||
fill="url(#paint5_radial_3_590)"
|
||||
/>
|
||||
<path
|
||||
d="M117.914 159.462H139.501V162.711H121.164C119.369 162.711 117.914 161.257 117.914 159.462Z"
|
||||
fill="url(#paint6_linear_3_590)"
|
||||
/>
|
||||
<path
|
||||
d="M161.088 159.462H139.501V162.712H157.838C159.633 162.712 161.088 161.257 161.088 159.462Z"
|
||||
fill="url(#paint7_radial_3_590)"
|
||||
/>
|
||||
<path
|
||||
d="M161.088 159.462H139.501V162.712H157.838C159.633 162.712 161.088 161.257 161.088 159.462Z"
|
||||
fill="url(#paint8_linear_3_590)"
|
||||
/>
|
||||
<path
|
||||
d="M249.523 169.443L248.826 168.747H264.958L264.262 169.443H249.523Z"
|
||||
fill="url(#paint9_linear_3_590)"
|
||||
/>
|
||||
<rect
|
||||
x="249.521"
|
||||
y="169.443"
|
||||
width="14.8552"
|
||||
height="0.232113"
|
||||
rx="0.116057"
|
||||
fill="#2A2A2A"
|
||||
/>
|
||||
<path
|
||||
d="M249.754 169.675H264.145L263.813 170.165C263.725 170.294 263.58 170.371 263.424 170.371H250.474C250.319 170.371 250.173 170.294 250.086 170.165L249.754 169.675Z"
|
||||
fill="url(#paint10_linear_3_590)"
|
||||
/>
|
||||
<path
|
||||
d="M14.6241 169.443L13.9277 168.747H30.0596L29.3633 169.443H14.6241Z"
|
||||
fill="url(#paint11_linear_3_590)"
|
||||
/>
|
||||
<rect
|
||||
x="14.625"
|
||||
y="169.443"
|
||||
width="14.6231"
|
||||
height="0.232113"
|
||||
rx="0.116057"
|
||||
fill="#2A2A2A"
|
||||
/>
|
||||
<path
|
||||
d="M14.8555 169.675H29.0144L28.6894 170.162C28.6024 170.293 28.456 170.371 28.2992 170.371H15.5707C15.4139 170.371 15.2675 170.293 15.1805 170.162L14.8555 169.675Z"
|
||||
fill="url(#paint12_linear_3_590)"
|
||||
/>
|
||||
<path
|
||||
d="M21.9376 6.79972C21.9376 3.23858 24.8245 0.35171 28.3857 0.35171L250.613 0.35171C254.174 0.35171 257.061 3.23858 257.061 6.79973V159.11L21.9376 159.11L21.9376 6.79972Z"
|
||||
stroke="url(#paint13_linear_3_590)"
|
||||
strokeWidth="0.70342"
|
||||
/>
|
||||
<path
|
||||
d="M22.633 6.79261C22.633 3.61996 25.2049 1.048 28.3776 1.048L250.619 1.048C253.792 1.048 256.364 3.61994 256.364 6.7926V159.11L22.633 159.11L22.633 6.79261Z"
|
||||
fill="black"
|
||||
stroke="#2D2E31"
|
||||
strokeWidth="0.70342"
|
||||
/>
|
||||
<rect
|
||||
x="22.9805"
|
||||
y="153.891"
|
||||
width="233.042"
|
||||
height="5.57072"
|
||||
fill="url(#paint14_linear_3_590)"
|
||||
/>
|
||||
<g filter="url(#filter4_iii_3_590)">
|
||||
<path
|
||||
d="M0 159.462L279 159.462V164.057C279 166.647 276.9 168.746 274.311 168.746L4.68946 168.746C2.09954 168.746 0 166.647 0 164.057L0 159.462Z"
|
||||
fill="#D1D2D4"
|
||||
/>
|
||||
<path
|
||||
d="M0 159.462L279 159.462V164.057C279 166.647 276.9 168.746 274.311 168.746L4.68946 168.746C2.09954 168.746 0 166.647 0 164.057L0 159.462Z"
|
||||
fill="url(#paint15_linear_3_590)"
|
||||
/>
|
||||
</g>
|
||||
<mask
|
||||
id="mask0_3_590"
|
||||
// style="mask-type:alpha"
|
||||
maskUnits="userSpaceOnUse"
|
||||
x="26"
|
||||
y="10"
|
||||
width="227"
|
||||
height="144"
|
||||
>
|
||||
<rect
|
||||
x="26.0039"
|
||||
y="10.0527"
|
||||
width="226.184"
|
||||
height="143.839"
|
||||
fill="#D9D9D9"
|
||||
/>
|
||||
</mask>
|
||||
<g mask="url(#mask0_3_590)">
|
||||
<rect
|
||||
x="26.0039"
|
||||
y="10.0525"
|
||||
width="226.184"
|
||||
height="143.839"
|
||||
fill="#F0F1F6"
|
||||
/>
|
||||
</g>
|
||||
<defs>
|
||||
<filter
|
||||
id="filter0_f_3_590"
|
||||
x="138.709"
|
||||
y="3.85232"
|
||||
width="0.998971"
|
||||
height="1.57978"
|
||||
filterUnits="userSpaceOnUse"
|
||||
colorInterpolationFilters="sRGB"
|
||||
>
|
||||
<feFlood floodOpacity="0" result="BackgroundImageFix" />
|
||||
<feBlend
|
||||
mode="normal"
|
||||
in="SourceGraphic"
|
||||
in2="BackgroundImageFix"
|
||||
result="shape"
|
||||
/>
|
||||
<feGaussianBlur
|
||||
stdDeviation="0.162829"
|
||||
result="effect1_foregroundBlur_3_590"
|
||||
/>
|
||||
</filter>
|
||||
<filter
|
||||
id="filter1_f_3_590"
|
||||
x="138.125"
|
||||
y="3.0356"
|
||||
width="2.51719"
|
||||
height="2.51694"
|
||||
filterUnits="userSpaceOnUse"
|
||||
colorInterpolationFilters="sRGB"
|
||||
>
|
||||
<feFlood floodOpacity="0" result="BackgroundImageFix" />
|
||||
<feBlend
|
||||
mode="normal"
|
||||
in="SourceGraphic"
|
||||
in2="BackgroundImageFix"
|
||||
result="shape"
|
||||
/>
|
||||
<feGaussianBlur
|
||||
stdDeviation="0.571191"
|
||||
result="effect1_foregroundBlur_3_590"
|
||||
/>
|
||||
</filter>
|
||||
<filter
|
||||
id="filter2_f_3_590"
|
||||
x="139.174"
|
||||
y="3.85232"
|
||||
width="1.11616"
|
||||
height="1.57978"
|
||||
filterUnits="userSpaceOnUse"
|
||||
colorInterpolationFilters="sRGB"
|
||||
>
|
||||
<feFlood floodOpacity="0" result="BackgroundImageFix" />
|
||||
<feBlend
|
||||
mode="normal"
|
||||
in="SourceGraphic"
|
||||
in2="BackgroundImageFix"
|
||||
result="shape"
|
||||
/>
|
||||
<feGaussianBlur
|
||||
stdDeviation="0.162829"
|
||||
result="effect1_foregroundBlur_3_590"
|
||||
/>
|
||||
</filter>
|
||||
<filter
|
||||
id="filter3_f_3_590"
|
||||
x="138.887"
|
||||
y="4.2613"
|
||||
width="1.22643"
|
||||
height="0.993766"
|
||||
filterUnits="userSpaceOnUse"
|
||||
colorInterpolationFilters="sRGB"
|
||||
>
|
||||
<feFlood floodOpacity="0" result="BackgroundImageFix" />
|
||||
<feBlend
|
||||
mode="normal"
|
||||
in="SourceGraphic"
|
||||
in2="BackgroundImageFix"
|
||||
result="shape"
|
||||
/>
|
||||
<feGaussianBlur
|
||||
stdDeviation="0.190397"
|
||||
result="effect1_foregroundBlur_3_590"
|
||||
/>
|
||||
</filter>
|
||||
<filter
|
||||
id="filter4_iii_3_590"
|
||||
x="0"
|
||||
y="156.648"
|
||||
width="279"
|
||||
height="12.0981"
|
||||
filterUnits="userSpaceOnUse"
|
||||
colorInterpolationFilters="sRGB"
|
||||
>
|
||||
<feFlood floodOpacity="0" result="BackgroundImageFix" />
|
||||
<feBlend
|
||||
mode="normal"
|
||||
in="SourceGraphic"
|
||||
in2="BackgroundImageFix"
|
||||
result="shape"
|
||||
/>
|
||||
<feColorMatrix
|
||||
in="SourceAlpha"
|
||||
type="matrix"
|
||||
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
|
||||
result="hardAlpha"
|
||||
/>
|
||||
<feOffset dy="-3.98605" />
|
||||
<feGaussianBlur stdDeviation="1.40684" />
|
||||
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
|
||||
<feColorMatrix
|
||||
type="matrix"
|
||||
values="0 0 0 0 0.502066 0 0 0 0 0.502766 0 0 0 0 0.504167 0 0 0 1 0"
|
||||
/>
|
||||
<feBlend
|
||||
mode="normal"
|
||||
in2="shape"
|
||||
result="effect1_innerShadow_3_590"
|
||||
/>
|
||||
<feColorMatrix
|
||||
in="SourceAlpha"
|
||||
type="matrix"
|
||||
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
|
||||
result="hardAlpha"
|
||||
/>
|
||||
<feOffset dy="-1.40684" />
|
||||
<feGaussianBlur stdDeviation="0.586183" />
|
||||
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
|
||||
<feColorMatrix
|
||||
type="matrix"
|
||||
values="0 0 0 0 0.900764 0 0 0 0 0.904549 0 0 0 0 0.908333 0 0 0 1 0"
|
||||
/>
|
||||
<feBlend
|
||||
mode="normal"
|
||||
in2="effect1_innerShadow_3_590"
|
||||
result="effect2_innerShadow_3_590"
|
||||
/>
|
||||
<feColorMatrix
|
||||
in="SourceAlpha"
|
||||
type="matrix"
|
||||
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
|
||||
result="hardAlpha"
|
||||
/>
|
||||
<feOffset dy="-0.234473" />
|
||||
<feGaussianBlur stdDeviation="0.35171" />
|
||||
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
|
||||
<feColorMatrix
|
||||
type="matrix"
|
||||
values="0 0 0 0 0.616667 0 0 0 0 0.616667 0 0 0 0 0.616667 0 0 0 1 0"
|
||||
/>
|
||||
<feBlend
|
||||
mode="normal"
|
||||
in2="effect2_innerShadow_3_590"
|
||||
result="effect3_innerShadow_3_590"
|
||||
/>
|
||||
</filter>
|
||||
<linearGradient
|
||||
id="paint0_linear_3_590"
|
||||
x1="138.529"
|
||||
y1="3.98464"
|
||||
x2="140.227"
|
||||
y2="4.99109"
|
||||
gradientUnits="userSpaceOnUse"
|
||||
>
|
||||
<stop stop-color="#222222" />
|
||||
<stop offset="1" stop-color="#0B0B0B" />
|
||||
</linearGradient>
|
||||
<radialGradient
|
||||
id="paint1_radial_3_590"
|
||||
cx="0"
|
||||
cy="0"
|
||||
r="1"
|
||||
gradientUnits="userSpaceOnUse"
|
||||
gradientTransform="translate(139.385 4.47333) rotate(37.875) scale(0.601477 0.605921)"
|
||||
>
|
||||
<stop stop-color="#152457" />
|
||||
<stop offset="1" />
|
||||
</radialGradient>
|
||||
<linearGradient
|
||||
id="paint2_linear_3_590"
|
||||
x1="139.122"
|
||||
y1="4.28115"
|
||||
x2="139.417"
|
||||
y2="5.07777"
|
||||
gradientUnits="userSpaceOnUse"
|
||||
>
|
||||
<stop stop-color="#20569B" />
|
||||
<stop offset="0.677083" stop-color="#061127" />
|
||||
</linearGradient>
|
||||
<linearGradient
|
||||
id="paint3_linear_3_590"
|
||||
x1="139.849"
|
||||
y1="5.00327"
|
||||
x2="139.615"
|
||||
y2="4.16228"
|
||||
gradientUnits="userSpaceOnUse"
|
||||
>
|
||||
<stop stop-color="#3D6495" />
|
||||
<stop offset="0.71875" stop-color="#061127" />
|
||||
</linearGradient>
|
||||
<linearGradient
|
||||
id="paint4_linear_3_590"
|
||||
x1="139.809"
|
||||
y1="4.83552"
|
||||
x2="139.7"
|
||||
y2="4.56205"
|
||||
gradientUnits="userSpaceOnUse"
|
||||
>
|
||||
<stop stop-color="#3291AF" />
|
||||
<stop offset="1" stop-color="#3291AF" stop-opacity="0" />
|
||||
</linearGradient>
|
||||
<radialGradient
|
||||
id="paint5_radial_3_590"
|
||||
cx="0"
|
||||
cy="0"
|
||||
r="1"
|
||||
gradientUnits="userSpaceOnUse"
|
||||
gradientTransform="translate(128.707 159.462) rotate(90) scale(4.52621 30.0669)"
|
||||
>
|
||||
<stop stop-color="white" />
|
||||
<stop offset="1" stop-color="#D9D9D9" />
|
||||
</radialGradient>
|
||||
<linearGradient
|
||||
id="paint6_linear_3_590"
|
||||
x1="118.32"
|
||||
y1="161.551"
|
||||
x2="122.556"
|
||||
y2="159.462"
|
||||
gradientUnits="userSpaceOnUse"
|
||||
>
|
||||
<stop offset="0.00209588" stop-color="#242424" />
|
||||
<stop offset="0.34936" stop-color="#EFEFEF" />
|
||||
</linearGradient>
|
||||
<radialGradient
|
||||
id="paint7_radial_3_590"
|
||||
cx="0"
|
||||
cy="0"
|
||||
r="1"
|
||||
gradientUnits="userSpaceOnUse"
|
||||
gradientTransform="translate(150.295 159.462) rotate(90) scale(4.52621 30.0669)"
|
||||
>
|
||||
<stop stop-color="white" />
|
||||
<stop offset="1" stop-color="#D9D9D9" />
|
||||
</radialGradient>
|
||||
<linearGradient
|
||||
id="paint8_linear_3_590"
|
||||
x1="160.682"
|
||||
y1="161.551"
|
||||
x2="156.446"
|
||||
y2="159.462"
|
||||
gradientUnits="userSpaceOnUse"
|
||||
>
|
||||
<stop offset="0.00209588" stop-color="#242424" />
|
||||
<stop offset="0.34936" stop-color="#EFEFEF" />
|
||||
</linearGradient>
|
||||
<linearGradient
|
||||
id="paint9_linear_3_590"
|
||||
x1="248.826"
|
||||
y1="168.863"
|
||||
x2="264.842"
|
||||
y2="168.863"
|
||||
gradientUnits="userSpaceOnUse"
|
||||
>
|
||||
<stop stop-color="#D1D2D4" />
|
||||
<stop offset="0.063237" stop-color="#818181" />
|
||||
<stop offset="0.507008" stop-color="#D0D0D0" />
|
||||
<stop offset="0.864583" stop-color="#818181" />
|
||||
<stop offset="1" stop-color="#D1D2D4" />
|
||||
</linearGradient>
|
||||
<linearGradient
|
||||
id="paint10_linear_3_590"
|
||||
x1="249.99"
|
||||
y1="169.907"
|
||||
x2="264.145"
|
||||
y2="169.907"
|
||||
gradientUnits="userSpaceOnUse"
|
||||
>
|
||||
<stop stop-color="#4D4D4D" />
|
||||
<stop offset="0.156699" stop-color="#292929" />
|
||||
<stop offset="0.501829" stop-color="#6A6A6A" />
|
||||
<stop offset="0.884758" stop-color="#2E2D2D" />
|
||||
<stop offset="1" stop-color="#4D4D4D" />
|
||||
</linearGradient>
|
||||
<linearGradient
|
||||
id="paint11_linear_3_590"
|
||||
x1="13.9277"
|
||||
y1="168.863"
|
||||
x2="29.9435"
|
||||
y2="168.863"
|
||||
gradientUnits="userSpaceOnUse"
|
||||
>
|
||||
<stop stop-color="#D1D2D4" />
|
||||
<stop offset="0.063237" stop-color="#818181" />
|
||||
<stop offset="0.507008" stop-color="#D0D0D0" />
|
||||
<stop offset="0.864583" stop-color="#818181" />
|
||||
<stop offset="1" stop-color="#D1D2D4" />
|
||||
</linearGradient>
|
||||
<linearGradient
|
||||
id="paint12_linear_3_590"
|
||||
x1="15.0876"
|
||||
y1="169.907"
|
||||
x2="29.0144"
|
||||
y2="169.907"
|
||||
gradientUnits="userSpaceOnUse"
|
||||
>
|
||||
<stop stop-color="#4D4D4D" />
|
||||
<stop offset="0.156699" stop-color="#292929" />
|
||||
<stop offset="0.501829" stop-color="#6A6A6A" />
|
||||
<stop offset="0.884758" stop-color="#2E2D2D" />
|
||||
<stop offset="1" stop-color="#4D4D4D" />
|
||||
</linearGradient>
|
||||
<linearGradient
|
||||
id="paint13_linear_3_590"
|
||||
x1="16.9437"
|
||||
y1="-2.17555e-06"
|
||||
x2="77.177"
|
||||
y2="59.8852"
|
||||
gradientUnits="userSpaceOnUse"
|
||||
>
|
||||
<stop stop-color="#A8A8A8" />
|
||||
<stop offset="1" stop-color="#737475" />
|
||||
</linearGradient>
|
||||
<linearGradient
|
||||
id="paint14_linear_3_590"
|
||||
x1="139.501"
|
||||
y1="153.891"
|
||||
x2="139.501"
|
||||
y2="159.462"
|
||||
gradientUnits="userSpaceOnUse"
|
||||
>
|
||||
<stop stop-color="#2D2D2D" />
|
||||
<stop offset="1" />
|
||||
</linearGradient>
|
||||
<linearGradient
|
||||
id="paint15_linear_3_590"
|
||||
x1="0"
|
||||
y1="164.104"
|
||||
x2="279"
|
||||
y2="164.104"
|
||||
gradientUnits="userSpaceOnUse"
|
||||
>
|
||||
<stop stop-color="#A9AAAC" />
|
||||
<stop
|
||||
offset="0.0205416"
|
||||
stop-color="#F2F2F2"
|
||||
stop-opacity="0.921875"
|
||||
/>
|
||||
<stop offset="0.0339099" stop-color="#787879" />
|
||||
<stop
|
||||
offset="0.124814"
|
||||
stop-color="#D6D6D6"
|
||||
stop-opacity="0.606575"
|
||||
/>
|
||||
<stop offset="0.515625" stop-color="#E4E4E4" stop-opacity="0" />
|
||||
<stop
|
||||
offset="0.864583"
|
||||
stop-color="#D7D7D7"
|
||||
stop-opacity="0.666378"
|
||||
/>
|
||||
<stop offset="0.973923" stop-color="#848484" />
|
||||
<stop offset="0.992314" stop-color="#F4F4F4" />
|
||||
<stop offset="1" stop-color="#BFBFBF" />
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
</Box>
|
||||
);
|
||||
}
|
||||
25
src/assets/LandingPict/titleIcon.tsx
Normal file
25
src/assets/LandingPict/titleIcon.tsx
Normal file
@ -0,0 +1,25 @@
|
||||
import { Box } from "@mui/material";
|
||||
|
||||
|
||||
interface Props {
|
||||
color?: string;
|
||||
}
|
||||
|
||||
export default function TitleIcon({color}:Props) {
|
||||
|
||||
return (
|
||||
<Box
|
||||
sx={{
|
||||
height: "30px",
|
||||
width: "33px",
|
||||
display: "flex",
|
||||
alignItems: "center",
|
||||
justifyContent: "center",
|
||||
}}
|
||||
>
|
||||
<svg width="33" height="30" viewBox="0 0 33 30" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path id="Title" d="M33 0V5.11111C31.3704 5.40741 30.037 6.14815 29 7.33334C28.037 8.44445 27.2963 9.85185 26.7778 11.5556C26.3333 13.2593 26.1111 15.1111 26.1111 17.1111H32V30H19.6667V18.3333C19.6667 14.037 20.2963 10.6296 21.5556 8.11111C22.8889 5.5926 24.5556 3.70371 26.5556 2.44445C28.6296 1.18518 30.7778 0.37037 33 0ZM13.3333 0V5.11111C11.7037 5.40741 10.3704 6.14815 9.33333 7.33334C8.37037 8.44445 7.62963 9.85185 7.11111 11.5556C6.66667 13.2593 6.44444 15.1111 6.44444 17.1111H12.3333V30H0V18.3333C0 14.037 0.629629 10.6296 1.88889 8.11111C3.22222 5.5926 4.88889 3.70371 6.88889 2.44445C8.96296 1.18518 11.1111 0.37037 13.3333 0Z" fill="#7E2AEA"/>
|
||||
</svg>
|
||||
</Box>
|
||||
);
|
||||
}
|
||||
109
src/assets/LandingPict/youtobeIcon.tsx
Normal file
109
src/assets/LandingPict/youtobeIcon.tsx
Normal file
@ -0,0 +1,109 @@
|
||||
import { Box } from "@mui/material";
|
||||
|
||||
interface Props {
|
||||
color?: string;
|
||||
width?: string;
|
||||
}
|
||||
|
||||
export default function YoutobeIcon({ color, width }: Props) {
|
||||
return (
|
||||
<Box
|
||||
sx={{
|
||||
height: "75px",
|
||||
width: { width } || "120px",
|
||||
display: "flex",
|
||||
alignItems: "center",
|
||||
justifyContent: "center",
|
||||
}}
|
||||
>
|
||||
<svg
|
||||
width="120"
|
||||
height="75"
|
||||
viewBox="0 0 120 75"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<g clipPath="url(#clip0_105_15)">
|
||||
<rect width="120" height="75" fill="none" />
|
||||
<g filter="url(#filter0_ddd_105_15)">
|
||||
<rect width="120" height="75" rx="12" fill="#FB5607" />
|
||||
</g>
|
||||
<path d="M84 37L48 16.2154V57.7846L84 37Z" fill="white" />
|
||||
</g>
|
||||
<defs>
|
||||
<filter
|
||||
id="filter0_ddd_105_15"
|
||||
x="-17.869"
|
||||
y="0"
|
||||
width="155.738"
|
||||
height="115.205"
|
||||
filterUnits="userSpaceOnUse"
|
||||
colorInterpolationFilters="sRGB"
|
||||
>
|
||||
<feFlood floodOpacity="0" result="BackgroundImageFix" />
|
||||
<feColorMatrix
|
||||
in="SourceAlpha"
|
||||
type="matrix"
|
||||
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
|
||||
result="hardAlpha"
|
||||
/>
|
||||
<feOffset dy="6.6501" />
|
||||
<feGaussianBlur stdDeviation="2.66004" />
|
||||
<feColorMatrix
|
||||
type="matrix"
|
||||
values="0 0 0 0 0.494118 0 0 0 0 0.164706 0 0 0 0 0.917647 0 0 0 0.0282725 0"
|
||||
/>
|
||||
<feBlend
|
||||
mode="normal"
|
||||
in2="BackgroundImageFix"
|
||||
result="effect1_dropShadow_105_15"
|
||||
/>
|
||||
<feColorMatrix
|
||||
in="SourceAlpha"
|
||||
type="matrix"
|
||||
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
|
||||
result="hardAlpha"
|
||||
/>
|
||||
<feOffset dy="12.5216" />
|
||||
<feGaussianBlur stdDeviation="5.00862" />
|
||||
<feColorMatrix
|
||||
type="matrix"
|
||||
values="0 0 0 0 0.494118 0 0 0 0 0.164706 0 0 0 0 0.917647 0 0 0 0.035 0"
|
||||
/>
|
||||
<feBlend
|
||||
mode="normal"
|
||||
in2="effect1_dropShadow_105_15"
|
||||
result="effect2_dropShadow_105_15"
|
||||
/>
|
||||
<feColorMatrix
|
||||
in="SourceAlpha"
|
||||
type="matrix"
|
||||
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
|
||||
result="hardAlpha"
|
||||
/>
|
||||
<feOffset dy="22.3363" />
|
||||
<feGaussianBlur stdDeviation="8.93452" />
|
||||
<feColorMatrix
|
||||
type="matrix"
|
||||
values="0 0 0 0 0.494118 0 0 0 0 0.164706 0 0 0 0 0.917647 0 0 0 0.0417275 0"
|
||||
/>
|
||||
<feBlend
|
||||
mode="normal"
|
||||
in2="effect2_dropShadow_105_15"
|
||||
result="effect3_dropShadow_105_15"
|
||||
/>
|
||||
<feBlend
|
||||
mode="normal"
|
||||
in="SourceGraphic"
|
||||
in2="effect3_dropShadow_105_15"
|
||||
result="shape"
|
||||
/>
|
||||
</filter>
|
||||
<clipPath id="clip0_105_15">
|
||||
<rect width="120" height="75" fill="white" />
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
</Box>
|
||||
);
|
||||
}
|
||||
BIN
src/assets/OnButton.png
Normal file
BIN
src/assets/OnButton.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
BIN
src/assets/Qr.png
Normal file
BIN
src/assets/Qr.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 8.5 KiB |
BIN
src/assets/Quiz-main.png
Normal file
BIN
src/assets/Quiz-main.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 165 KiB |
8
src/assets/RDownButton.svg
Normal file
8
src/assets/RDownButton.svg
Normal file
@ -0,0 +1,8 @@
|
||||
<svg width="204" height="134" viewBox="0 0 204 134" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect x="1.25" y="1.25" width="201.5" height="131.5" rx="6.75" stroke="#9A9AAF" strokeWidth="1.5"/>
|
||||
<rect x="147.5" y="62.5" width="49" height="64" rx="3.5" fill="#9A9AAF" stroke="#9A9AAF"/>
|
||||
<path d="M202 14.75H202.75V14V8C202.75 4.27208 199.728 1.25 196 1.25H8C4.27208 1.25 1.25 4.27208 1.25 8V14V14.75H2H202Z" fill="#F2F3F7" stroke="#9A9AAF" strokeWidth="1.5"/>
|
||||
<circle cx="169.5" cy="8" r="2.5" fill="#9A9AAF"/>
|
||||
<circle cx="177.5" cy="8" r="2.5" fill="#9A9AAF"/>
|
||||
<circle cx="185.5" cy="8" r="2.5" fill="#9A9AAF"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 624 B |
BIN
src/assets/Rectangle 110.png
Normal file
BIN
src/assets/Rectangle 110.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 823 KiB |
BIN
src/assets/VidjetImg.png
Normal file
BIN
src/assets/VidjetImg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 49 KiB |
BIN
src/assets/Widget.png
Normal file
BIN
src/assets/Widget.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
BIN
src/assets/card-1.png
Normal file
BIN
src/assets/card-1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 100 KiB |
BIN
src/assets/card-2.png
Normal file
BIN
src/assets/card-2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 116 KiB |
BIN
src/assets/card-3.png
Normal file
BIN
src/assets/card-3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 81 KiB |
BIN
src/assets/dots.png
Normal file
BIN
src/assets/dots.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 673 B |
29
src/assets/icons/AlignCenterIcon.tsx
Normal file
29
src/assets/icons/AlignCenterIcon.tsx
Normal file
@ -0,0 +1,29 @@
|
||||
import { Box } from "@mui/material";
|
||||
|
||||
|
||||
interface Props {
|
||||
color: string;
|
||||
}
|
||||
|
||||
export default function AlignCenterIcon({ color }: Props) {
|
||||
|
||||
return (
|
||||
<Box
|
||||
sx={{
|
||||
height: "32px",
|
||||
width: "32px",
|
||||
display: "flex",
|
||||
alignItems: "center",
|
||||
justifyContent: "center",
|
||||
}}
|
||||
>
|
||||
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M16 4V7" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
|
||||
<path d="M16 25V28" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
|
||||
<path d="M16 14V18" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
|
||||
<path d="M23 7H9C8.44772 7 8 7.44772 8 8V13C8 13.5523 8.44772 14 9 14H23C23.5523 14 24 13.5523 24 13V8C24 7.44772 23.5523 7 23 7Z" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
|
||||
<path d="M26 18H6C5.44772 18 5 18.4477 5 19V24C5 24.5523 5.44772 25 6 25H26C26.5523 25 27 24.5523 27 24V19C27 18.4477 26.5523 18 26 18Z" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
|
||||
</svg>
|
||||
</Box>
|
||||
);
|
||||
}
|
||||
27
src/assets/icons/AlignLeftIcon.tsx
Normal file
27
src/assets/icons/AlignLeftIcon.tsx
Normal file
@ -0,0 +1,27 @@
|
||||
import { Box } from "@mui/material";
|
||||
|
||||
|
||||
interface Props {
|
||||
color: string;
|
||||
}
|
||||
|
||||
export default function AlignLeftIcon({ color }: Props) {
|
||||
|
||||
return (
|
||||
<Box
|
||||
sx={{
|
||||
height: "32px",
|
||||
width: "32px",
|
||||
display: "flex",
|
||||
alignItems: "center",
|
||||
justifyContent: "center",
|
||||
}}
|
||||
>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
|
||||
<path d="M5 5V27" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
|
||||
<path d="M22 7H10C9.44772 7 9 7.44772 9 8V13C9 13.5523 9.44772 14 10 14H22C22.5523 14 23 13.5523 23 13V8C23 7.44772 22.5523 7 22 7Z" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
|
||||
<path d="M27 18H10C9.44772 18 9 18.4477 9 19V24C9 24.5523 9.44772 25 10 25H27C27.5523 25 28 24.5523 28 24V19C28 18.4477 27.5523 18 27 18Z" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
|
||||
</svg>
|
||||
</Box>
|
||||
);
|
||||
}
|
||||
27
src/assets/icons/AlignRightIcon.tsx
Normal file
27
src/assets/icons/AlignRightIcon.tsx
Normal file
@ -0,0 +1,27 @@
|
||||
import { Box } from "@mui/material";
|
||||
|
||||
|
||||
interface Props {
|
||||
color: string;
|
||||
}
|
||||
|
||||
export default function AlignRightIcon({ color }: Props) {
|
||||
|
||||
return (
|
||||
<Box
|
||||
sx={{
|
||||
height: "32px",
|
||||
width: "32px",
|
||||
display: "flex",
|
||||
alignItems: "center",
|
||||
justifyContent: "center",
|
||||
}}
|
||||
>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
|
||||
<path d="M27 5V27" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
|
||||
<path d="M10 14L22 14C22.5523 14 23 13.5523 23 13V8C23 7.44772 22.5523 7 22 7L10 7C9.44771 7 9 7.44772 9 8V13C9 13.5523 9.44771 14 10 14Z" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
|
||||
<path d="M22 18H5C4.44772 18 4 18.4477 4 19V24C4 24.5523 4.44772 25 5 25H22C22.5523 25 23 24.5523 23 24V19C23 18.4477 22.5523 18 22 18Z" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
|
||||
</svg>
|
||||
</Box>
|
||||
);
|
||||
}
|
||||
5
src/assets/icons/ArrowCounterClockWise.svg
Normal file
5
src/assets/icons/ArrowCounterClockWise.svg
Normal file
@ -0,0 +1,5 @@
|
||||
<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M24 0H6C2.68629 0 0 2.68629 0 6V24C0 27.3137 2.68629 30 6 30H24C27.3137 30 30 27.3137 30 24V6C30 2.68629 27.3137 0 24 0Z" fill="#F2F3F7"/>
|
||||
<path d="M9.35156 11.6836H3.72656V6.05859" stroke="#7E2AEA" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
|
||||
<path d="M7.71094 22.2891C9.15283 23.7321 10.9903 24.7151 12.991 25.1137C14.9916 25.5123 17.0656 25.3086 18.9504 24.5283C20.8353 23.748 22.4464 22.4263 23.5799 20.7302C24.7134 19.0341 25.3185 17.04 25.3185 15C25.3185 12.96 24.7134 10.9659 23.5799 9.26981C22.4464 7.57375 20.8353 6.25197 18.9504 5.47169C17.0656 4.69141 14.9916 4.48768 12.991 4.88627C10.9903 5.28486 9.15283 6.26787 7.71094 7.71094L3.72656 11.6836" stroke="#7E2AEA" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 869 B |
24
src/assets/icons/ArrowDownIcon.tsx
Normal file
24
src/assets/icons/ArrowDownIcon.tsx
Normal file
@ -0,0 +1,24 @@
|
||||
import { Box, useTheme } from "@mui/material";
|
||||
|
||||
|
||||
export default function ArrowDownIcon(props: any) {
|
||||
const theme = useTheme();
|
||||
|
||||
return (
|
||||
<Box
|
||||
{...props}
|
||||
sx={{
|
||||
top: "25% !important",
|
||||
height: "24px",
|
||||
width: "24px",
|
||||
display: "flex",
|
||||
alignItems: "center",
|
||||
justifyContent: "center",
|
||||
}}
|
||||
>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
|
||||
<path d="M19.5 9L12 16.5L4.5 9" stroke={theme.palette.brightPurple.main} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
|
||||
</svg>
|
||||
</Box>
|
||||
);
|
||||
}
|
||||
6
src/assets/icons/ArrowGear.svg
Normal file
6
src/assets/icons/ArrowGear.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 7.7 KiB |
27
src/assets/icons/ArrowLeftSP.tsx
Normal file
27
src/assets/icons/ArrowLeftSP.tsx
Normal file
@ -0,0 +1,27 @@
|
||||
import {Box, SxProps, Theme, useTheme} from "@mui/material";
|
||||
|
||||
|
||||
interface Props {
|
||||
right: boolean
|
||||
}
|
||||
|
||||
export default function ArrowLeftSP({right} : Props) {
|
||||
const theme = useTheme();
|
||||
|
||||
return (
|
||||
<Box
|
||||
sx={{
|
||||
height: "14px",
|
||||
width: "19px",
|
||||
display: "flex",
|
||||
alignItems: "center",
|
||||
justifyContent: "center",
|
||||
transform: right ? "rotate(180deg)" : undefined
|
||||
}}
|
||||
>
|
||||
<svg width="13" height="11" viewBox="0 0 13 11" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M8.12 10.808H5.24L0.855999 5.88L5.24 0.952H8.12L4.648 4.936H12.184V6.824H4.648L8.12 10.808Z" fill={theme.palette.brightPurple.main}/>
|
||||
</svg>
|
||||
</Box>
|
||||
);
|
||||
}
|
||||
26
src/assets/icons/BackArrowIcon.tsx
Normal file
26
src/assets/icons/BackArrowIcon.tsx
Normal file
@ -0,0 +1,26 @@
|
||||
import { Box } from "@mui/material";
|
||||
|
||||
export default function BackArrowIcon({ color = "black" }: { color?: string }) {
|
||||
return (
|
||||
<Box
|
||||
sx={{
|
||||
height: "24px",
|
||||
width: "24px",
|
||||
display: "flex",
|
||||
justifyContent: "center",
|
||||
alignItems: "center",
|
||||
}}
|
||||
>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
|
||||
<path d="M20.25 12H3.75" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
|
||||
<path
|
||||
d="M10.5 5.25L3.75 12L10.5 18.75"
|
||||
stroke={color}
|
||||
strokeWidth="1.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</svg>
|
||||
</Box>
|
||||
);
|
||||
}
|
||||
40
src/assets/icons/BrowserIcon.tsx
Normal file
40
src/assets/icons/BrowserIcon.tsx
Normal file
@ -0,0 +1,40 @@
|
||||
import { Box, useTheme } from "@mui/material";
|
||||
|
||||
export default function BrowserIcon() {
|
||||
const theme = useTheme();
|
||||
|
||||
return (
|
||||
<Box
|
||||
sx={{
|
||||
height: "18px",
|
||||
width: "18px",
|
||||
display: "flex",
|
||||
justifyContent: "center",
|
||||
alignItems: "center",
|
||||
}}
|
||||
>
|
||||
<svg
|
||||
width="24"
|
||||
height="24"
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M20.25 4.5H3.75C3.33579 4.5 3 4.83579 3 5.25V18.75C3 19.1642 3.33579 19.5 3.75 19.5H20.25C20.6642 19.5 21 19.1642 21 18.75V5.25C21 4.83579 20.6642 4.5 20.25 4.5Z"
|
||||
stroke="#4D4D4D"
|
||||
strokeWidth="1.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M3 9H21"
|
||||
stroke="#4D4D4D"
|
||||
strokeWidth="1.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</svg>
|
||||
</Box>
|
||||
);
|
||||
}
|
||||
9
src/assets/icons/Burger.tsx
Normal file
9
src/assets/icons/Burger.tsx
Normal file
@ -0,0 +1,9 @@
|
||||
import { FC, SVGProps } from "react";
|
||||
|
||||
export const Burger: FC<SVGProps<SVGSVGElement>> = (props) => (
|
||||
<svg {...props} height="1em" viewBox="0 0 30 31" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M28 8.15039L3 8.15039" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" />
|
||||
<path d="M28 16.1504H3" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" />
|
||||
<path d="M28 24.1504H3" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" />
|
||||
</svg>
|
||||
);
|
||||
39
src/assets/icons/CalendarIcon.tsx
Normal file
39
src/assets/icons/CalendarIcon.tsx
Normal file
@ -0,0 +1,39 @@
|
||||
import { Box } from "@mui/material";
|
||||
|
||||
export default function CalendarIcon() {
|
||||
return (
|
||||
<Box
|
||||
sx={{
|
||||
display: "flex",
|
||||
alignItems: "center",
|
||||
justifyContent: "center",
|
||||
flexShrink: 0,
|
||||
"&:hover path": {
|
||||
stroke: "#581CA7",
|
||||
},
|
||||
"&:active path": {
|
||||
stroke: "#FB5607",
|
||||
},
|
||||
"&:hover rect": {
|
||||
stroke: "#581CA7",
|
||||
},
|
||||
"&:active rect": {
|
||||
stroke: "#FB5607",
|
||||
},
|
||||
}}
|
||||
>
|
||||
<svg width="20" height="22" viewBox="0 0 20 22" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect x="1" y="2.5" width="18" height="18" rx="5" stroke="#7E2AEA" strokeWidth="1.5" />
|
||||
<path d="M1 7.5H19" stroke="#7E2AEA" strokeWidth="1.5" strokeLinejoin="round" />
|
||||
<path d="M14.5 1L14.5 4" stroke="#7E2AEA" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
|
||||
<path d="M5.5 1L5.5 4" stroke="#7E2AEA" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
|
||||
<path d="M4.5 11.5H5.5" stroke="#7E2AEA" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
|
||||
<path d="M9.5 11.5H10.5" stroke="#7E2AEA" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
|
||||
<path d="M14.5 11.5H15.5" stroke="#7E2AEA" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
|
||||
<path d="M4.5 15.5H5.5" stroke="#7E2AEA" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
|
||||
<path d="M9.5 15.5H10.5" stroke="#7E2AEA" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
|
||||
<path d="M14.5 15.5H15.5" stroke="#7E2AEA" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
|
||||
</svg>
|
||||
</Box>
|
||||
);
|
||||
}
|
||||
22
src/assets/icons/ChartIcon.tsx
Normal file
22
src/assets/icons/ChartIcon.tsx
Normal file
@ -0,0 +1,22 @@
|
||||
import { Box, useTheme } from "@mui/material";
|
||||
|
||||
|
||||
export default function ChartIcon() {
|
||||
const theme = useTheme();
|
||||
|
||||
return (
|
||||
<Box
|
||||
sx={{
|
||||
display: "flex",
|
||||
justifyContent: "center",
|
||||
alignItems: "center",
|
||||
}}
|
||||
>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
|
||||
<path d="M21 19.5H3V4.5" stroke={theme.palette.brightPurple.main} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
|
||||
<path d="M19.5 6L12 13.5L9 10.5L3 16.5" stroke={theme.palette.brightPurple.main} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
|
||||
<path d="M19.5 9.75V6H15.75" stroke={theme.palette.brightPurple.main} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
|
||||
</svg>
|
||||
</Box>
|
||||
);
|
||||
}
|
||||
40
src/assets/icons/ChartPieIcon.tsx
Normal file
40
src/assets/icons/ChartPieIcon.tsx
Normal file
@ -0,0 +1,40 @@
|
||||
import { Box } from "@mui/material";
|
||||
|
||||
interface Props {
|
||||
height: string;
|
||||
width: string;
|
||||
color: string;
|
||||
}
|
||||
|
||||
export default function ChartPieIcon({ height, width, color }: Props) {
|
||||
return (
|
||||
<Box
|
||||
sx={{
|
||||
borderRadius: "6px",
|
||||
height,
|
||||
width,
|
||||
display: "flex",
|
||||
justifyContent: "center",
|
||||
alignItems: "center",
|
||||
}}
|
||||
>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="0 0 35 35" fill="none">
|
||||
<path
|
||||
d="M17.5 30.625C24.7487 30.625 30.625 24.7487 30.625 17.5C30.625 10.2513 24.7487 4.375 17.5 4.375C10.2513 4.375 4.375 10.2513 4.375 17.5C4.375 24.7487 10.2513 30.625 17.5 30.625Z"
|
||||
stroke={color}
|
||||
strokeWidth="2"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path d="M17.5 17.5V4.375" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
|
||||
<path
|
||||
d="M28.8613 10.9375L6.13867 24.0625"
|
||||
stroke={color}
|
||||
strokeWidth="2"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</svg>
|
||||
</Box>
|
||||
);
|
||||
}
|
||||
43
src/assets/icons/Checkbox.tsx
Normal file
43
src/assets/icons/Checkbox.tsx
Normal file
@ -0,0 +1,43 @@
|
||||
import { Box, useTheme } from "@mui/material";
|
||||
|
||||
type CheckboxIconProps = {
|
||||
checked?: boolean;
|
||||
};
|
||||
|
||||
export const CheckboxIcon = ({ checked = false }: CheckboxIconProps) => {
|
||||
const theme = useTheme();
|
||||
|
||||
return (
|
||||
<Box
|
||||
sx={{
|
||||
height: "24px",
|
||||
width: "24px",
|
||||
borderRadius: "6px",
|
||||
display: "flex",
|
||||
justifyContent: "center",
|
||||
alignItems: "center",
|
||||
backgroundColor: checked
|
||||
? theme.palette.brightPurple.main
|
||||
: theme.palette.background.default,
|
||||
border: `1px solid ${theme.palette.grey2.main}`,
|
||||
}}
|
||||
>
|
||||
{checked && (
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width="15"
|
||||
height="15"
|
||||
viewBox="0 0 25 18"
|
||||
fill="none"
|
||||
>
|
||||
<path
|
||||
d="M2 9L10 16.5L22.5 1.5"
|
||||
stroke="#ffffff"
|
||||
strokeWidth="4"
|
||||
strokeLinecap="round"
|
||||
/>
|
||||
</svg>
|
||||
)}
|
||||
</Box>
|
||||
);
|
||||
};
|
||||
86
src/assets/icons/CloseBold.tsx
Normal file
86
src/assets/icons/CloseBold.tsx
Normal file
@ -0,0 +1,86 @@
|
||||
import { useTheme } from "@mui/material";
|
||||
|
||||
interface Props {
|
||||
width?: number;
|
||||
}
|
||||
|
||||
export default function CloseBold({ width }: Props) {
|
||||
const theme = useTheme();
|
||||
|
||||
return (
|
||||
<svg
|
||||
width="35"
|
||||
height="33"
|
||||
viewBox="0 0 35 33"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<g id="Close">
|
||||
<g id="Rectangle 57" opacity="0.3" filter="url(#filter0_d_4080_12482)">
|
||||
<rect x="6" y="4" width="24" height="24" rx="12" fill="#9A9AAF" />
|
||||
</g>
|
||||
<g id="Group 331">
|
||||
<path
|
||||
id="Vector 586"
|
||||
d="M22.8516 10.9517L12.9521 20.8512"
|
||||
stroke="#FDFDFF"
|
||||
strokeWidth="1.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
id="Vector 587"
|
||||
d="M22.8516 20.8462L12.9521 10.9467"
|
||||
stroke="#FDFDFF"
|
||||
strokeWidth="1.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
</g>
|
||||
<defs>
|
||||
<filter
|
||||
id="filter0_d_4080_12482"
|
||||
x="0"
|
||||
y="0"
|
||||
width="36"
|
||||
height="36"
|
||||
filterUnits="userSpaceOnUse"
|
||||
colorInterpolationFilters="sRGB"
|
||||
>
|
||||
<feFlood floodOpacity="0" result="BackgroundImageFix" />
|
||||
<feColorMatrix
|
||||
in="SourceAlpha"
|
||||
type="matrix"
|
||||
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
|
||||
result="hardAlpha"
|
||||
/>
|
||||
<feMorphology
|
||||
radius="1"
|
||||
operator="dilate"
|
||||
in="SourceAlpha"
|
||||
result="effect1_dropShadow_4080_12482"
|
||||
/>
|
||||
<feOffset dy="2" />
|
||||
<feGaussianBlur stdDeviation="2.5" />
|
||||
<feComposite in2="hardAlpha" operator="out" />
|
||||
<feColorMatrix
|
||||
type="matrix"
|
||||
values="0 0 0 0 0.416562 0 0 0 0 0.452406 0 0 0 0 0.775 0 0 0 0.18 0"
|
||||
/>
|
||||
<feBlend
|
||||
mode="normal"
|
||||
in2="BackgroundImageFix"
|
||||
result="effect1_dropShadow_4080_12482"
|
||||
/>
|
||||
<feBlend
|
||||
mode="normal"
|
||||
in="SourceGraphic"
|
||||
in2="effect1_dropShadow_4080_12482"
|
||||
result="shape"
|
||||
/>
|
||||
</filter>
|
||||
</defs>
|
||||
</svg>
|
||||
);
|
||||
}
|
||||
31
src/assets/icons/CollapseMenuIcon.tsx
Normal file
31
src/assets/icons/CollapseMenuIcon.tsx
Normal file
@ -0,0 +1,31 @@
|
||||
import { Box } from "@mui/material";
|
||||
|
||||
|
||||
interface Props {
|
||||
height: string;
|
||||
width: string;
|
||||
color: string;
|
||||
transform: string;
|
||||
}
|
||||
|
||||
export default function CollapseMenuIcon({ height, width, color, transform }: Props) {
|
||||
|
||||
return (
|
||||
<Box
|
||||
sx={{
|
||||
borderRadius: "6px",
|
||||
height,
|
||||
width,
|
||||
display: "flex",
|
||||
justifyContent: "center",
|
||||
alignItems: "center",
|
||||
transform,
|
||||
}}
|
||||
>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
|
||||
<path d="M12.5 3L7.5 8L12.5 13" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
|
||||
<path d="M7.5 3L2.5 8L7.5 13" stroke={color} strokeLinecap="round" strokeLinejoin="round" />
|
||||
</svg>
|
||||
</Box>
|
||||
);
|
||||
}
|
||||
34
src/assets/icons/ContactBookIcon.tsx
Normal file
34
src/assets/icons/ContactBookIcon.tsx
Normal file
@ -0,0 +1,34 @@
|
||||
import { Box } from "@mui/material";
|
||||
|
||||
|
||||
interface Props {
|
||||
height: string;
|
||||
width: string;
|
||||
color: string;
|
||||
}
|
||||
|
||||
export default function ContactBookIcon({ height, width,color }: Props) {
|
||||
|
||||
return (
|
||||
<Box
|
||||
sx={{
|
||||
borderRadius: "6px",
|
||||
height,
|
||||
width,
|
||||
display: "flex",
|
||||
justifyContent: "center",
|
||||
alignItems: "center",
|
||||
}}
|
||||
>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="0 0 35 35" fill="none">
|
||||
<path d="M18.5938 19.6875C21.01 19.6875 22.9688 17.7287 22.9688 15.3125C22.9688 12.8963 21.01 10.9375 18.5938 10.9375C16.1775 10.9375 14.2188 12.8963 14.2188 15.3125C14.2188 17.7287 16.1775 19.6875 18.5938 19.6875Z" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
|
||||
<path d="M4.375 14.7656H7.65625" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
|
||||
<path d="M4.375 9.29688H7.65625" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
|
||||
<path d="M4.375 20.2344H7.65625" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
|
||||
<path d="M4.375 25.7031H7.65625" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
|
||||
<path d="M12.0312 22.9688C12.7953 21.95 13.7862 21.1231 14.9252 20.5535C16.0642 19.984 17.3203 19.6875 18.5938 19.6875C19.8672 19.6875 21.1232 19.984 22.2623 20.5535C23.4013 21.1231 24.3922 21.95 25.1562 22.9688" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
|
||||
<path d="M29.5312 29.5312V5.46875C29.5312 4.86469 29.0416 4.375 28.4375 4.375L8.75 4.375C8.14594 4.375 7.65625 4.86469 7.65625 5.46875V29.5312C7.65625 30.1353 8.14594 30.625 8.75 30.625H28.4375C29.0416 30.625 29.5312 30.1353 29.5312 29.5312Z" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
|
||||
</svg>
|
||||
</Box>
|
||||
);
|
||||
}
|
||||
40
src/assets/icons/ContactFormIcon/AddressIcon.tsx
Normal file
40
src/assets/icons/ContactFormIcon/AddressIcon.tsx
Normal file
@ -0,0 +1,40 @@
|
||||
import { Box } from "@mui/material";
|
||||
|
||||
interface Props {
|
||||
color: string;
|
||||
}
|
||||
|
||||
export default function AddressIcon({ color }: Props) {
|
||||
return (
|
||||
<Box
|
||||
sx={{
|
||||
// height: "38px",
|
||||
// width: "45px",
|
||||
display: "flex",
|
||||
alignItems: "center",
|
||||
justifyContent: "center",
|
||||
}}
|
||||
>
|
||||
<svg
|
||||
width="15"
|
||||
height="15"
|
||||
viewBox="0 0 15 15"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M7.5 7.96875C8.53553 7.96875 9.375 7.12928 9.375 6.09375C9.375 5.05822 8.53553 4.21875 7.5 4.21875C6.46447 4.21875 5.625 5.05822 5.625 6.09375C5.625 7.12928 6.46447 7.96875 7.5 7.96875Z"
|
||||
stroke={color}
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M12.1875 6.09375C12.1875 10.3125 7.5 13.5938 7.5 13.5938C7.5 13.5938 2.8125 10.3125 2.8125 6.09375C2.8125 4.85055 3.30636 3.65826 4.18544 2.77919C5.06451 1.90011 6.2568 1.40625 7.5 1.40625C8.7432 1.40625 9.93549 1.90011 10.8146 2.77919C11.6936 3.65826 12.1875 4.85055 12.1875 6.09375V6.09375Z"
|
||||
stroke={color}
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</svg>
|
||||
</Box>
|
||||
);
|
||||
}
|
||||
40
src/assets/icons/ContactFormIcon/EmailIcon.tsx
Normal file
40
src/assets/icons/ContactFormIcon/EmailIcon.tsx
Normal file
@ -0,0 +1,40 @@
|
||||
import { Box } from "@mui/material";
|
||||
|
||||
interface Props {
|
||||
color: string;
|
||||
}
|
||||
|
||||
export default function EmailIcon({ color }: Props) {
|
||||
return (
|
||||
<Box
|
||||
sx={{
|
||||
// height: "38px",
|
||||
// width: "45px",
|
||||
display: "flex",
|
||||
alignItems: "center",
|
||||
justifyContent: "center",
|
||||
}}
|
||||
>
|
||||
<svg
|
||||
width="15"
|
||||
height="15"
|
||||
viewBox="0 0 15 15"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M1.875 3.28125H13.125V11.25C13.125 11.3743 13.0756 11.4935 12.9877 11.5815C12.8998 11.6694 12.7806 11.7188 12.6562 11.7188H2.34375C2.21943 11.7188 2.1002 11.6694 2.01229 11.5815C1.92439 11.4935 1.875 11.3743 1.875 11.25V3.28125Z"
|
||||
stroke={color}
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M13.125 3.28125L7.5 8.4375L1.875 3.28125"
|
||||
stroke={color}
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</svg>
|
||||
</Box>
|
||||
);
|
||||
}
|
||||
45
src/assets/icons/ContactFormIcon/NameIcon.tsx
Normal file
45
src/assets/icons/ContactFormIcon/NameIcon.tsx
Normal file
@ -0,0 +1,45 @@
|
||||
import { Box } from "@mui/material";
|
||||
|
||||
interface Props {
|
||||
color: string;
|
||||
}
|
||||
|
||||
export default function NameIcon({ color }: Props) {
|
||||
return (
|
||||
<Box
|
||||
sx={{
|
||||
// height: "38px",
|
||||
// width: "45px",
|
||||
display: "flex",
|
||||
alignItems: "center",
|
||||
justifyContent: "center",
|
||||
}}
|
||||
>
|
||||
<svg
|
||||
width="13"
|
||||
height="13"
|
||||
viewBox="0 0 13 13"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M6.5 8.375C8.57107 8.375 10.25 6.69607 10.25 4.625C10.25 2.55393 8.57107 0.875 6.5 0.875C4.42893 0.875 2.75 2.55393 2.75 4.625C2.75 6.69607 4.42893 8.375 6.5 8.375Z"
|
||||
stroke={color}
|
||||
strokeMiterlimit="10"
|
||||
/>
|
||||
<path
|
||||
d="M0.8125 11.6568C1.38844 10.659 2.21689 9.83044 3.21458 9.25436C4.21227 8.67828 5.34403 8.375 6.49609 8.375C7.64816 8.375 8.77992 8.67828 9.77761 9.25436C10.7753 9.83044 11.6037 10.659 12.1797 11.6568"
|
||||
stroke={color}
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M0.765625 11.6914H11.9866"
|
||||
stroke={color}
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</svg>
|
||||
</Box>
|
||||
);
|
||||
}
|
||||
34
src/assets/icons/ContactFormIcon/PhoneIcon.tsx
Normal file
34
src/assets/icons/ContactFormIcon/PhoneIcon.tsx
Normal file
@ -0,0 +1,34 @@
|
||||
import { Box } from "@mui/material";
|
||||
|
||||
interface Props {
|
||||
color: string;
|
||||
}
|
||||
|
||||
export default function PhoneIcon({ color }: Props) {
|
||||
return (
|
||||
<Box
|
||||
sx={{
|
||||
// height: "38px",
|
||||
// width: "45px",
|
||||
display: "flex",
|
||||
alignItems: "center",
|
||||
justifyContent: "center",
|
||||
}}
|
||||
>
|
||||
<svg
|
||||
width="15"
|
||||
height="15"
|
||||
viewBox="0 0 15 15"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M5.41992 7.31237C5.90228 8.30847 6.70774 9.11187 7.70508 9.59166C7.77865 9.6265 7.86002 9.64157 7.94118 9.63541C8.02235 9.62925 8.10051 9.60205 8.16797 9.55651L9.63281 8.57799C9.69753 8.5341 9.77232 8.50731 9.85019 8.50014C9.92806 8.49297 10.0065 8.50564 10.0781 8.53698L12.8203 9.71471C12.914 9.75372 12.9923 9.82245 13.0432 9.91033C13.094 9.9982 13.1145 10.1004 13.1016 10.201C13.0146 10.8794 12.6835 11.5029 12.1702 11.9547C11.6568 12.4066 10.9964 12.656 10.3125 12.6561C8.19906 12.6561 6.17217 11.8166 4.67774 10.3221C3.18331 8.82769 2.34375 6.80081 2.34375 4.68737C2.3439 4.00346 2.59325 3.34304 3.04513 2.82968C3.49701 2.31633 4.12047 1.98522 4.79883 1.8983C4.89951 1.88537 5.00166 1.90589 5.08954 1.95671C5.17741 2.00754 5.24615 2.08583 5.28516 2.17955L6.46289 4.9276C6.49352 4.99812 6.50633 5.07508 6.5002 5.15172C6.49407 5.22835 6.46918 5.3023 6.42773 5.36705L5.44922 6.85534C5.40565 6.92265 5.38009 7.00001 5.37496 7.08003C5.36983 7.16005 5.38531 7.24004 5.41992 7.31237V7.31237Z"
|
||||
stroke={color}
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</svg>
|
||||
</Box>
|
||||
);
|
||||
}
|
||||
70
src/assets/icons/ContactFormIcon/TextIcon.tsx
Normal file
70
src/assets/icons/ContactFormIcon/TextIcon.tsx
Normal file
@ -0,0 +1,70 @@
|
||||
import { Box } from "@mui/material";
|
||||
|
||||
interface Props {
|
||||
color: string;
|
||||
}
|
||||
|
||||
export default function TextIcon({ color }: Props) {
|
||||
return (
|
||||
<Box
|
||||
sx={{
|
||||
// height: "38px",
|
||||
// width: "45px",
|
||||
display: "flex",
|
||||
alignItems: "center",
|
||||
justifyContent: "center",
|
||||
}}
|
||||
>
|
||||
<svg
|
||||
width="15"
|
||||
height="15"
|
||||
viewBox="0 0 15 15"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M8.67188 1.60156L8.67188 13.3838"
|
||||
stroke={color}
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M10.6016 4.21875H13.7768C13.8534 4.21875 13.9268 4.26814 13.9809 4.35604C14.035 4.44395 14.0655 4.56318 14.0655 4.6875V10.3125C14.0655 10.4368 14.035 10.556 13.9809 10.644C13.9268 10.7319 13.8534 10.7812 13.7768 10.7812H10.6016"
|
||||
stroke={color}
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M8.67081 10.7812H1.58194C1.41103 10.7812 1.24711 10.7319 1.12625 10.644C1.0054 10.556 0.9375 10.4368 0.9375 10.3125V4.6875C0.9375 4.56318 1.0054 4.44395 1.12625 4.35604C1.24711 4.26814 1.41103 4.21875 1.58194 4.21875H8.67081"
|
||||
stroke={color}
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M3.98438 6.5625H5.625"
|
||||
stroke={color}
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M7.85156 1.60156H9.49219"
|
||||
stroke={color}
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M7.85156 13.3828H9.49219"
|
||||
stroke={color}
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M4.80469 6.5625V8.67188"
|
||||
stroke={color}
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</svg>
|
||||
</Box>
|
||||
);
|
||||
}
|
||||
34
src/assets/icons/ContactFormIcon/supplementIcon.tsx
Normal file
34
src/assets/icons/ContactFormIcon/supplementIcon.tsx
Normal file
@ -0,0 +1,34 @@
|
||||
import { Box } from "@mui/material";
|
||||
|
||||
interface Props {
|
||||
color: string;
|
||||
}
|
||||
|
||||
export default function SupplementIcon({ color }: Props) {
|
||||
return (
|
||||
<Box
|
||||
sx={{
|
||||
// height: "38px",
|
||||
// width: "45px",
|
||||
display: "flex",
|
||||
alignItems: "center",
|
||||
justifyContent: "center",
|
||||
}}
|
||||
>
|
||||
<svg
|
||||
width="14"
|
||||
height="14"
|
||||
viewBox="0 0 14 14"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M7.00781 4.04129V9.99117M10.0548 7H4.00202M7.00781 13C3.6941 13 1.00781 10.3137 1.00781 7C1.00781 3.68629 3.6941 1 7.00781 1C10.3215 1 13.0078 3.68629 13.0078 7C13.0078 10.3137 10.3215 13 7.00781 13Z"
|
||||
stroke={color}
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</svg>
|
||||
</Box>
|
||||
);
|
||||
}
|
||||
49
src/assets/icons/CopyIcon.tsx
Normal file
49
src/assets/icons/CopyIcon.tsx
Normal file
@ -0,0 +1,49 @@
|
||||
import { Box, useTheme } from "@mui/material";
|
||||
|
||||
interface Props {
|
||||
color?: string;
|
||||
bgcolor?: string;
|
||||
marL?: string;
|
||||
}
|
||||
|
||||
export default function CopyIcon({ color, bgcolor, marL }: Props) {
|
||||
const theme = useTheme();
|
||||
|
||||
return (
|
||||
<Box
|
||||
sx={{
|
||||
bgcolor,
|
||||
borderRadius: "6px",
|
||||
height: "36px",
|
||||
width: "36px",
|
||||
display: "flex",
|
||||
justifyContent: "center",
|
||||
alignItems: "center",
|
||||
marginLeft: 0 || marL,
|
||||
}}
|
||||
>
|
||||
<svg
|
||||
width="36"
|
||||
height="36"
|
||||
viewBox="0 0 36 36"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M21.75 21.75H26.25V9.75H14.25V14.25"
|
||||
stroke={color}
|
||||
strokeWidth="1.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M21.75 14.25H9.75V26.25H21.75V14.25Z"
|
||||
stroke={color}
|
||||
strokeWidth="1.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</svg>
|
||||
</Box>
|
||||
);
|
||||
}
|
||||
11
src/assets/icons/CountIcon.tsx
Normal file
11
src/assets/icons/CountIcon.tsx
Normal file
@ -0,0 +1,11 @@
|
||||
export default function CountIcon() {
|
||||
return (
|
||||
<svg width="30" height="31" viewBox="0 0 30 31" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect y="0.8125" width="30" height="30" rx="15" fill="#EEE4FC" />
|
||||
<path
|
||||
d="M15.864 20.3125C15.7707 20.3125 15.6913 20.2845 15.626 20.2285C15.57 20.1632 15.542 20.0838 15.542 19.9905V12.1505L13.218 13.9425C13.1433 13.9985 13.064 14.0218 12.98 14.0125C12.896 14.0032 12.826 13.9612 12.77 13.8865L12.406 13.4245C12.35 13.3405 12.3267 13.2565 12.336 13.1725C12.3547 13.0885 12.4013 13.0185 12.476 12.9625L15.528 10.6105C15.5933 10.5638 15.654 10.5358 15.71 10.5265C15.766 10.5172 15.8267 10.5125 15.892 10.5125H16.606C16.6993 10.5125 16.774 10.5452 16.83 10.6105C16.886 10.6665 16.914 10.7412 16.914 10.8345V19.9905C16.914 20.0838 16.886 20.1632 16.83 20.2285C16.774 20.2845 16.6993 20.3125 16.606 20.3125H15.864Z"
|
||||
fill="#7E2AEA"
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
}
|
||||
10
src/assets/icons/CropIcon.tsx
Normal file
10
src/assets/icons/CropIcon.tsx
Normal file
@ -0,0 +1,10 @@
|
||||
import { FC, SVGProps } from "react";
|
||||
|
||||
export const CropIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
|
||||
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
|
||||
<path d="M6 6H2.25" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
|
||||
<path d="M6 2.25V18H21.75" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
|
||||
<path d="M18 15V6H9" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
|
||||
<path d="M18 21.75V18" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
|
||||
</svg>
|
||||
);
|
||||
51
src/assets/icons/CrossedEyeIcon.tsx
Normal file
51
src/assets/icons/CrossedEyeIcon.tsx
Normal file
@ -0,0 +1,51 @@
|
||||
import { FC, SVGProps } from "react";
|
||||
|
||||
export const CrossedEyeIcon: FC<SVGProps<SVGSVGElement>> = (props) => {
|
||||
return (
|
||||
<svg
|
||||
{...props}
|
||||
width="30"
|
||||
height="30"
|
||||
viewBox="0 0 30 30"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<rect y="0.8125" width="30" height="30" rx="6" fill="#FFF" />
|
||||
<path
|
||||
d="M7.5 7.5625L22.5 24.0625"
|
||||
stroke="#7E2AEA"
|
||||
strokeWidth="1.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M17.5215 18.5871C16.8333 19.2175 15.9329 19.5657 14.9996 19.5621C14.2427 19.562 13.5036 19.3329 12.8794 18.9049C12.2551 18.4769 11.775 17.87 11.5022 17.164C11.2293 16.458 11.1765 15.686 11.3506 14.9494C11.5247 14.2128 11.9176 13.5462 12.4777 13.0371"
|
||||
stroke="#7E2AEA"
|
||||
strokeWidth="1.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M9.9375 10.2441C6.1125 12.1754 4.5 15.8129 4.5 15.8129C4.5 15.8129 7.5 22.5629 15 22.5629C16.7574 22.5772 18.4929 22.1723 20.0625 21.3816"
|
||||
stroke="#7E2AEA"
|
||||
strokeWidth="1.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M22.5594 19.6656C24.6031 17.8375 25.5031 15.8125 25.5031 15.8125C25.5031 15.8125 22.5031 9.06252 15.0031 9.06252C14.3529 9.06124 13.7038 9.11455 13.0625 9.2219"
|
||||
stroke="#7E2AEA"
|
||||
strokeWidth="1.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M15.7031 12.1289C16.5006 12.28 17.2273 12.6864 17.7735 13.2868C18.3198 13.8871 18.6559 14.6489 18.7313 15.457"
|
||||
stroke="#7E2AEA"
|
||||
strokeWidth="1.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
};
|
||||
52
src/assets/icons/DomenIcon.tsx
Normal file
52
src/assets/icons/DomenIcon.tsx
Normal file
@ -0,0 +1,52 @@
|
||||
import { Box, useTheme } from "@mui/material";
|
||||
|
||||
interface Props {
|
||||
color: string;
|
||||
bgcolor: string;
|
||||
}
|
||||
|
||||
export default function DomenIcon({ color, bgcolor }: Props) {
|
||||
const theme = useTheme();
|
||||
|
||||
return (
|
||||
<Box
|
||||
sx={{
|
||||
bgcolor,
|
||||
borderRadius: "6px",
|
||||
height: "36px",
|
||||
width: "36px",
|
||||
display: "flex",
|
||||
justifyContent: "center",
|
||||
alignItems: "center",
|
||||
}}
|
||||
>
|
||||
<svg
|
||||
width="36"
|
||||
height="36"
|
||||
viewBox="0 0 36 36"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M18.3906 26.8906C23.3612 26.8906 27.3906 22.8612 27.3906 17.8906C27.3906 12.9201 23.3612 8.89062 18.3906 8.89062C13.4201 8.89062 9.39062 12.9201 9.39062 17.8906C9.39062 22.8612 13.4201 26.8906 18.3906 26.8906Z"
|
||||
stroke={color}
|
||||
strokeWidth="1.5"
|
||||
strokeMiterlimit="10"
|
||||
/>
|
||||
<path
|
||||
d="M9.39062 17.8906H27.3906"
|
||||
stroke={color}
|
||||
strokeWidth="1.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M18.3906 26.6453C20.4617 26.6453 22.1406 22.725 22.1406 17.8891C22.1406 13.0531 20.4617 9.13281 18.3906 9.13281C16.3196 9.13281 14.6406 13.0531 14.6406 17.8891C14.6406 22.725 16.3196 26.6453 18.3906 26.6453Z"
|
||||
stroke={color}
|
||||
strokeWidth="1.5"
|
||||
strokeMiterlimit="10"
|
||||
/>
|
||||
</svg>
|
||||
</Box>
|
||||
);
|
||||
}
|
||||
28
src/assets/icons/EmojiIocns.tsx
Normal file
28
src/assets/icons/EmojiIocns.tsx
Normal file
@ -0,0 +1,28 @@
|
||||
import { FC, SVGProps } from "react";
|
||||
|
||||
export const EmojiIcons: FC<SVGProps<SVGSVGElement>> = (props) => (
|
||||
<svg {...props} height="1em" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path
|
||||
d="M12 23C13.0949 22.9993 14.1837 22.8371 15.2313 22.5187L23 12C23 9.82441 22.3549 7.69767 21.1462 5.88873C19.9375 4.07979 18.2195 2.66989 16.2095 1.83733C14.1995 1.00477 11.9878 0.786929 9.85401 1.21137C7.72022 1.6358 5.76021 2.68345 4.22183 4.22183C2.68345 5.76021 1.6358 7.72022 1.21137 9.85401C0.786929 11.9878 1.00477 14.1995 1.83733 16.2095C2.66989 18.2195 4.07979 19.9375 5.88873 21.1462C7.69767 22.3549 9.82441 23 12 23Z"
|
||||
stroke="currentColor"
|
||||
strokeWidth="2"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M7.875 11.084C8.63439 11.084 9.25 10.4684 9.25 9.70898C9.25 8.94959 8.63439 8.33398 7.875 8.33398C7.11561 8.33398 6.5 8.94959 6.5 9.70898C6.5 10.4684 7.11561 11.084 7.875 11.084Z"
|
||||
fill="currentColor"
|
||||
/>
|
||||
<path
|
||||
d="M16.125 11.084C16.8844 11.084 17.5 10.4684 17.5 9.70898C17.5 8.94959 16.8844 8.33398 16.125 8.33398C15.3656 8.33398 14.75 8.94959 14.75 9.70898C14.75 10.4684 15.3656 11.084 16.125 11.084Z"
|
||||
fill="currentColor"
|
||||
/>
|
||||
<path
|
||||
d="M16.7677 14.75C16.2831 15.5849 15.5878 16.2778 14.7512 16.7595C13.9147 17.2412 12.9663 17.4947 12.001 17.4947C11.0357 17.4947 10.0874 17.2412 9.25084 16.7595C8.41431 16.2778 7.71896 15.5849 7.23438 14.75"
|
||||
stroke="currentColor"
|
||||
strokeWidth="2"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
17
src/assets/icons/ExpandIcon.tsx
Normal file
17
src/assets/icons/ExpandIcon.tsx
Normal file
@ -0,0 +1,17 @@
|
||||
import { useTheme } from "@mui/material";
|
||||
|
||||
|
||||
interface Props {
|
||||
isExpanded?: boolean;
|
||||
}
|
||||
|
||||
export default function ExpandIcon({ isExpanded }: Props) {
|
||||
const theme = useTheme();
|
||||
|
||||
return (
|
||||
<svg style={{ transform: isExpanded ? "rotate(180deg)" : undefined }} xmlns="http://www.w3.org/2000/svg" width="32" height="33" viewBox="0 0 32 33" fill="none">
|
||||
<path d="M16 28.7949C22.6274 28.7949 28 23.4223 28 16.7949C28 10.1675 22.6274 4.79492 16 4.79492C9.37258 4.79492 4 10.1675 4 16.7949C4 23.4223 9.37258 28.7949 16 28.7949Z" stroke={isExpanded ? theme.palette.orange.main : theme.palette.brightPurple.main} strokeWidth="2" strokeMiterlimit="10" />
|
||||
<path d="M20.5 15.2949L16 20.2949L11.5 15.2949" stroke={isExpanded ? theme.palette.orange.main : theme.palette.brightPurple.main} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
|
||||
</svg>
|
||||
);
|
||||
}
|
||||
37
src/assets/icons/ExpandLessIconBG.tsx
Normal file
37
src/assets/icons/ExpandLessIconBG.tsx
Normal file
@ -0,0 +1,37 @@
|
||||
import { useTheme, SxProps, Box } from "@mui/material";
|
||||
|
||||
interface Props {
|
||||
sx?: SxProps;
|
||||
}
|
||||
|
||||
export default function ExpandIcon({ sx }: Props) {
|
||||
const theme = useTheme();
|
||||
|
||||
return (
|
||||
<Box
|
||||
sx={{
|
||||
...sx,
|
||||
display: "flex",
|
||||
alignItems: "center",
|
||||
justifyContent: "center",
|
||||
}}
|
||||
>
|
||||
<svg
|
||||
width="30"
|
||||
height="30"
|
||||
viewBox="0 0 30 30"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<rect width="30" height="30" rx="6" fill="#EEE4FC" />
|
||||
<path
|
||||
d="M22.5 11.25L15 18.75L7.5 11.25"
|
||||
stroke="#7E2AEA"
|
||||
strokeWidth="1.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</svg>
|
||||
</Box>
|
||||
);
|
||||
}
|
||||
23
src/assets/icons/EyeIcon.tsx
Normal file
23
src/assets/icons/EyeIcon.tsx
Normal file
@ -0,0 +1,23 @@
|
||||
import { Box, useTheme } from "@mui/material";
|
||||
|
||||
|
||||
export default function EyeIcon() {
|
||||
const theme = useTheme();
|
||||
|
||||
return (
|
||||
<Box
|
||||
sx={{
|
||||
height: "18px",
|
||||
width: "18px",
|
||||
display: "flex",
|
||||
justifyContent: "center",
|
||||
alignItems: "center",
|
||||
}}
|
||||
>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
|
||||
<path d="M9 3.9375C3.375 3.9375 1.125 9 1.125 9C1.125 9 3.375 14.0625 9 14.0625C14.625 14.0625 16.875 9 16.875 9C16.875 9 14.625 3.9375 9 3.9375Z" stroke={theme.palette.brightPurple.main} strokeLinecap="round" strokeLinejoin="round" />
|
||||
<path d="M9 11.8125C10.5533 11.8125 11.8125 10.5533 11.8125 9C11.8125 7.4467 10.5533 6.1875 9 6.1875C7.4467 6.1875 6.1875 7.4467 6.1875 9C6.1875 10.5533 7.4467 11.8125 9 11.8125Z" stroke={theme.palette.brightPurple.main} strokeLinecap="round" strokeLinejoin="round" />
|
||||
</svg>
|
||||
</Box>
|
||||
);
|
||||
}
|
||||
30
src/assets/icons/FlowArrowIcon.tsx
Normal file
30
src/assets/icons/FlowArrowIcon.tsx
Normal file
@ -0,0 +1,30 @@
|
||||
import { Box } from "@mui/material";
|
||||
|
||||
|
||||
interface Props {
|
||||
height: string;
|
||||
width: string;
|
||||
color: string;
|
||||
}
|
||||
|
||||
export default function FlowArrowIcon({ height, width, color }: Props) {
|
||||
|
||||
return (
|
||||
<Box
|
||||
sx={{
|
||||
borderRadius: "6px",
|
||||
height,
|
||||
width,
|
||||
display: "flex",
|
||||
justifyContent: "center",
|
||||
alignItems: "center",
|
||||
}}
|
||||
>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="0 0 35 35" fill="none">
|
||||
<path d="M6.01562 27.8906C8.12984 27.8906 9.84375 26.1767 9.84375 24.0625C9.84375 21.9483 8.12984 20.2344 6.01562 20.2344C3.90141 20.2344 2.1875 21.9483 2.1875 24.0625C2.1875 26.1767 3.90141 27.8906 6.01562 27.8906Z" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
|
||||
<path d="M27.3438 5.46875L32.8125 10.9375L27.3438 16.4062" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
|
||||
<path d="M9.84375 24.0625H10.9375C12.678 24.0625 14.3472 23.3711 15.5779 22.1404C16.8086 20.9097 17.5 19.2405 17.5 17.5C17.5 15.7595 18.1914 14.0903 19.4221 12.8596C20.6528 11.6289 22.322 10.9375 24.0625 10.9375H32.8125" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
|
||||
</svg>
|
||||
</Box>
|
||||
);
|
||||
}
|
||||
5
src/assets/icons/Frame 1171274368.svg
Normal file
5
src/assets/icons/Frame 1171274368.svg
Normal file
@ -0,0 +1,5 @@
|
||||
<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M10.3125 20.4305L7.22812 23.018C7.11886 23.1084 6.9862 23.166 6.84553 23.184C6.70486 23.2021 6.56195 23.1799 6.43338 23.1201C6.30481 23.0602 6.19585 22.9651 6.11914 22.8458C6.04244 22.7265 6.00112 22.5879 6 22.4461V7.55859C6 7.35968 6.07902 7.16892 6.21967 7.02826C6.36032 6.88761 6.55109 6.80859 6.75 6.80859H23.25C23.4489 6.80859 23.6397 6.88761 23.7803 7.02826C23.921 7.16892 24 7.35968 24 7.55859V19.5586C24 19.7575 23.921 19.9483 23.7803 20.0889C23.6397 20.2296 23.4489 20.3086 23.25 20.3086H10.6594L10.3125 20.4305Z" stroke="#9A9AAF" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/>
|
||||
<path d="M12 12.0586H18" stroke="#9A9AAF" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/>
|
||||
<path d="M12 15.0586H18" stroke="#9A9AAF" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 931 B |
29
src/assets/icons/GearIcon.tsx
Normal file
29
src/assets/icons/GearIcon.tsx
Normal file
@ -0,0 +1,29 @@
|
||||
import { Box } from "@mui/material";
|
||||
|
||||
|
||||
interface Props {
|
||||
height: string;
|
||||
width: string;
|
||||
color: string;
|
||||
}
|
||||
|
||||
export default function GearIcon({ height, width, color }: Props) {
|
||||
|
||||
return (
|
||||
<Box
|
||||
sx={{
|
||||
borderRadius: "6px",
|
||||
height,
|
||||
width,
|
||||
display: "flex",
|
||||
justifyContent: "center",
|
||||
alignItems: "center",
|
||||
}}
|
||||
>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="0 0 35 35" fill="none">
|
||||
<path d="M17.5 24.0625C21.1244 24.0625 24.0625 21.1244 24.0625 17.5C24.0625 13.8756 21.1244 10.9375 17.5 10.9375C13.8756 10.9375 10.9375 13.8756 10.9375 17.5C10.9375 21.1244 13.8756 24.0625 17.5 24.0625Z" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
|
||||
<path d="M26.9884 11.0332C27.3176 11.5044 27.6057 12.003 27.8498 12.5234L31.3908 14.4922C31.8329 16.4725 31.8376 18.5255 31.4044 20.5078L27.8498 22.4766C27.6057 22.997 27.3176 23.4956 26.9884 23.9668L27.0568 28.0273C25.5561 29.3949 23.7799 30.4251 21.8478 31.0488L18.3615 28.957C17.788 28.9981 17.2123 28.9981 16.6388 28.957L13.1662 31.0352C11.2279 30.4228 9.4459 29.3965 7.94351 28.0273L8.01187 23.9805C7.68548 23.5027 7.39747 22.9998 7.15054 22.4766L3.60952 20.5078C3.16737 18.5275 3.16271 16.4745 3.59585 14.4922L7.15054 12.5234C7.39456 12.003 7.68272 11.5044 8.01187 11.0332L7.94351 6.97266C9.4442 5.60515 11.2204 4.57488 13.1525 3.95117L16.6388 6.04297C17.2123 6.00195 17.788 6.00195 18.3615 6.04297L21.8341 3.96484C23.7724 4.5772 25.5544 5.60349 27.0568 6.97266L26.9884 11.0332Z" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
|
||||
</svg>
|
||||
</Box>
|
||||
);
|
||||
}
|
||||
34
src/assets/icons/IconPlus.tsx
Normal file
34
src/assets/icons/IconPlus.tsx
Normal file
@ -0,0 +1,34 @@
|
||||
import { IconButton } from "@mui/material";
|
||||
|
||||
export default function IconPlus() {
|
||||
return (
|
||||
<IconButton>
|
||||
<svg
|
||||
width="24"
|
||||
height="24"
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M18 0H6C2.68629 0 0 2.68629 0 6V18C0 21.3137 2.68629 24 6 24H18C21.3137 24 24 21.3137 24 18V6C24 2.68629 21.3137 0 18 0Z"
|
||||
fill="#7E2AEA"
|
||||
/>
|
||||
<path
|
||||
d="M3.75 12H20.25"
|
||||
stroke="white"
|
||||
strokeWidth="1.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M12 3.75V20.25"
|
||||
stroke="white"
|
||||
strokeWidth="1.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</svg>
|
||||
</IconButton>
|
||||
);
|
||||
}
|
||||
24
src/assets/icons/ImageAddIcons.tsx
Normal file
24
src/assets/icons/ImageAddIcons.tsx
Normal file
@ -0,0 +1,24 @@
|
||||
import { FC, SVGProps } from "react";
|
||||
|
||||
export const ImageAddIcons: FC<SVGProps<SVGSVGElement>> = (props) => (
|
||||
<svg {...props} height="1em" viewBox="0 0 27 22" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path
|
||||
d="M24.9583 1H2.04167C1.46637 1 1 1.44772 1 2V20C1 20.5523 1.46637 21 2.04167 21H24.9583C25.5336 21 26 20.5523 26 20V2C26 1.44772 25.5336 1 24.9583 1Z"
|
||||
stroke="currentColor"
|
||||
strokeWidth="2"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M1 15.9035L7.54948 9.31272C7.64641 9.21368 7.76194 9.13502 7.88936 9.08133C8.01677 9.02765 8.15353 9 8.29167 9C8.4298 9 8.56656 9.02765 8.69398 9.08133C8.82139 9.13502 8.93693 9.21368 9.03385 9.31272L14.8411 15.1567C14.9381 15.2557 15.0536 15.3343 15.181 15.388C15.3084 15.4417 15.4452 15.4694 15.5833 15.4694C15.7215 15.4694 15.8582 15.4417 15.9856 15.388C16.1131 15.3343 16.2286 15.2557 16.3255 15.1567L19.0078 12.4574C19.1047 12.3584 19.2203 12.2797 19.3477 12.2261C19.4751 12.1724 19.6119 12.1447 19.75 12.1447C19.8881 12.1447 20.0249 12.1724 20.1523 12.2261C20.2797 12.2797 20.3953 12.3584 20.4922 12.4574L26 18"
|
||||
stroke="#7E2AEA"
|
||||
strokeWidth="2"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M16.5 9C17.3284 9 18 8.32843 18 7.5C18 6.67157 17.3284 6 16.5 6C15.6716 6 15 6.67157 15 7.5C15 8.32843 15.6716 9 16.5 9Z"
|
||||
fill="currentColor"
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
46
src/assets/icons/Info.tsx
Normal file
46
src/assets/icons/Info.tsx
Normal file
@ -0,0 +1,46 @@
|
||||
import { IconButton, SxProps } from "@mui/material";
|
||||
|
||||
type InfoProps = {
|
||||
width?: number;
|
||||
height?: number;
|
||||
sx?: SxProps;
|
||||
onClick?: any;
|
||||
className?: string
|
||||
};
|
||||
|
||||
export default function Info({ width = 20, height = 20, sx, onClick, className }: InfoProps) {
|
||||
return (
|
||||
<IconButton
|
||||
sx={sx}
|
||||
className={className}
|
||||
onClick={onClick}
|
||||
>
|
||||
<svg
|
||||
width={width}
|
||||
height={height}
|
||||
viewBox="0 0 20 20"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M10 19C14.9706 19 19 14.9706 19 10C19 5.02944 14.9706 1 10 1C5.02944 1 1 5.02944 1 10C1 14.9706 5.02944 19 10 19Z"
|
||||
stroke="#7E2AEA"
|
||||
strokeWidth="1.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M9.25 9.25H10V14.5H10.75"
|
||||
stroke="#7E2AEA"
|
||||
strokeWidth="1.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M9.8125 7C10.4338 7 10.9375 6.49632 10.9375 5.875C10.9375 5.25368 10.4338 4.75 9.8125 4.75C9.19118 4.75 8.6875 5.25368 8.6875 5.875C8.6875 6.49632 9.19118 7 9.8125 7Z"
|
||||
fill="#7E2AEA"
|
||||
/>
|
||||
</svg>
|
||||
</IconButton>
|
||||
);
|
||||
}
|
||||
45
src/assets/icons/InfoIcon.tsx
Normal file
45
src/assets/icons/InfoIcon.tsx
Normal file
@ -0,0 +1,45 @@
|
||||
import { Box, useTheme } from "@mui/material";
|
||||
|
||||
import type { SxProps } from "@mui/material";
|
||||
|
||||
type InfoIconProps = {
|
||||
sx?: SxProps;
|
||||
};
|
||||
|
||||
export default function InfoIcon({ sx }: InfoIconProps) {
|
||||
const theme = useTheme();
|
||||
|
||||
return (
|
||||
<Box
|
||||
sx={{
|
||||
height: "24px",
|
||||
width: "24px",
|
||||
display: "flex",
|
||||
alignItems: "center",
|
||||
justifyContent: "center",
|
||||
...sx,
|
||||
}}
|
||||
>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
|
||||
<path
|
||||
d="M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z"
|
||||
stroke={theme.palette.brightPurple.main}
|
||||
strokeWidth="1.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M11.25 11.25H12V16.5H12.75"
|
||||
stroke={theme.palette.brightPurple.main}
|
||||
strokeWidth="1.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M11.8125 9C12.4338 9 12.9375 8.49632 12.9375 7.875C12.9375 7.25368 12.4338 6.75 11.8125 6.75C11.1912 6.75 10.6875 7.25368 10.6875 7.875C10.6875 8.49632 11.1912 9 11.8125 9Z"
|
||||
fill={theme.palette.brightPurple.main}
|
||||
/>
|
||||
</svg>
|
||||
</Box>
|
||||
);
|
||||
}
|
||||
30
src/assets/icons/InstallQuizIcon/LDownButton.tsx
Normal file
30
src/assets/icons/InstallQuizIcon/LDownButton.tsx
Normal file
@ -0,0 +1,30 @@
|
||||
import { Box } from "@mui/material";
|
||||
|
||||
|
||||
interface Props {
|
||||
color: string;
|
||||
}
|
||||
|
||||
export default function LDownButton({ color }: Props) {
|
||||
|
||||
return (
|
||||
<Box
|
||||
sx={{
|
||||
height: "130px",
|
||||
width: "200px",
|
||||
display: "flex",
|
||||
alignItems: "center",
|
||||
justifyContent: "center",
|
||||
}}
|
||||
>
|
||||
<svg width="204" height="134" viewBox="0 0 204 134" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect x="1.25" y="1.25" width="201.5" height="131.5" rx="6.75" stroke={color} strokeWidth="1.5"/>
|
||||
<rect x="7.5" y="62.5" width="49" height="64" rx="3.5" fill={color} stroke={color}/>
|
||||
<path d="M202 14.75H202.75V14V8C202.75 4.27208 199.728 1.25 196 1.25H8C4.27208 1.25 1.25 4.27208 1.25 8V14V14.75H2H202Z" fill="#F2F3F7" stroke={color} strokeWidth="1.5"/>
|
||||
<circle cx="169.5" cy="8" r="2.5" fill={color}/>
|
||||
<circle cx="177.5" cy="8" r="2.5" fill={color}/>
|
||||
<circle cx="185.5" cy="8" r="2.5" fill={color}/>
|
||||
</svg>
|
||||
</Box>
|
||||
);
|
||||
}
|
||||
30
src/assets/icons/InstallQuizIcon/RDownButton.tsx
Normal file
30
src/assets/icons/InstallQuizIcon/RDownButton.tsx
Normal file
@ -0,0 +1,30 @@
|
||||
import { Box } from "@mui/material";
|
||||
|
||||
|
||||
interface Props {
|
||||
color: string;
|
||||
}
|
||||
|
||||
export default function RDownButton({ color }: Props) {
|
||||
|
||||
return (
|
||||
<Box
|
||||
sx={{
|
||||
height: "130px",
|
||||
width: "200px",
|
||||
display: "flex",
|
||||
alignItems: "center",
|
||||
justifyContent: "center",
|
||||
}}
|
||||
>
|
||||
<svg width="204" height="134" viewBox="0 0 204 134" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect x="1.25" y="1.25" width="201.5" height="131.5" rx="6.75" stroke={color} strokeWidth="1.5"/>
|
||||
<rect x="147.5" y="62.5" width="49" height="64" rx="3.5" fill={color} stroke={color}/>
|
||||
<path d="M202 14.75H202.75V14V8C202.75 4.27208 199.728 1.25 196 1.25H8C4.27208 1.25 1.25 4.27208 1.25 8V14V14.75H2H202Z" fill="#F2F3F7" stroke={color} strokeWidth="1.5"/>
|
||||
<circle cx="169.5" cy="8" r="2.5" fill={color}/>
|
||||
<circle cx="177.5" cy="8" r="2.5" fill={color}/>
|
||||
<circle cx="185.5" cy="8" r="2.5" fill={color}/>
|
||||
</svg>
|
||||
</Box>
|
||||
);
|
||||
}
|
||||
26
src/assets/icons/LayoutCenteredIcon.tsx
Normal file
26
src/assets/icons/LayoutCenteredIcon.tsx
Normal file
@ -0,0 +1,26 @@
|
||||
import { Box } from "@mui/material";
|
||||
|
||||
|
||||
interface Props {
|
||||
color: string;
|
||||
}
|
||||
|
||||
export default function LayoutCenteredIcon({ color }: Props) {
|
||||
|
||||
return (
|
||||
<Box sx={{
|
||||
height: "32px",
|
||||
width: "32px",
|
||||
display: "flex",
|
||||
alignItems: "center",
|
||||
justifyContent: "center",
|
||||
}}>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
|
||||
<path d="M27 6H5C4.44772 6 4 6.44772 4 7V25C4 25.5523 4.44772 26 5 26H27C27.5523 26 28 25.5523 28 25V7C28 6.44772 27.5523 6 27 6Z" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
|
||||
<path d="M23.3333 9H8.66667C8.29848 9 8 9.1567 8 9.35V15.65C8 15.8433 8.29848 16 8.66667 16H23.3333C23.7015 16 24 15.8433 24 15.65V9.35C24 9.1567 23.7015 9 23.3333 9Z" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
|
||||
<path d="M13 22L18 22" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
|
||||
<path d="M8 19H24" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
|
||||
</svg>
|
||||
</Box>
|
||||
);
|
||||
}
|
||||
26
src/assets/icons/LayoutExpandedIcon.tsx
Normal file
26
src/assets/icons/LayoutExpandedIcon.tsx
Normal file
@ -0,0 +1,26 @@
|
||||
import { Box } from "@mui/material";
|
||||
|
||||
|
||||
interface Props {
|
||||
color: string;
|
||||
}
|
||||
|
||||
export default function LayoutExpandedIcon({ color }: Props) {
|
||||
|
||||
return (
|
||||
<Box sx={{
|
||||
height: "32px",
|
||||
width: "32px",
|
||||
display: "flex",
|
||||
alignItems: "center",
|
||||
justifyContent: "center",
|
||||
}}>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
|
||||
<path d="M27 6H5C4.44772 6 4 6.44772 4 7V25C4 25.5523 4.44772 26 5 26H27C27.5523 26 28 25.5523 28 25V7C28 6.44772 27.5523 6 27 6Z" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
|
||||
<path d="M18 12L24 12" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
|
||||
<path d="M18 16L24 16" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
|
||||
<path d="M18 20L21 20" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
|
||||
</svg>
|
||||
</Box>
|
||||
);
|
||||
}
|
||||
33
src/assets/icons/LayoutIcon.tsx
Normal file
33
src/assets/icons/LayoutIcon.tsx
Normal file
@ -0,0 +1,33 @@
|
||||
import { Box, useTheme } from "@mui/material";
|
||||
|
||||
|
||||
interface Props {
|
||||
bgcolor?: string;
|
||||
height: string;
|
||||
width: string;
|
||||
color: string;
|
||||
}
|
||||
|
||||
export default function LayoutIconOld({ bgcolor, height, width, color }: Props) {
|
||||
const theme = useTheme();
|
||||
|
||||
return (
|
||||
<Box
|
||||
sx={{
|
||||
backgroundColor: bgcolor,
|
||||
height,
|
||||
width,
|
||||
display: "flex",
|
||||
alignItems: "center",
|
||||
justifyContent: "center",
|
||||
borderRadius: "6px",
|
||||
}}
|
||||
>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="0 0 35 35" fill="none">
|
||||
<path d="M14.2188 14.2188V28.4375" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
|
||||
<path d="M4.375 14.2188H30.625" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
|
||||
<path d="M29.5312 6.5625H5.46875C4.86469 6.5625 4.375 7.05219 4.375 7.65625V27.3438C4.375 27.9478 4.86469 28.4375 5.46875 28.4375H29.5312C30.1353 28.4375 30.625 27.9478 30.625 27.3438V7.65625C30.625 7.05219 30.1353 6.5625 29.5312 6.5625Z" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
|
||||
</svg>
|
||||
</Box>
|
||||
);
|
||||
}
|
||||
33
src/assets/icons/LayoutIconBig.tsx
Normal file
33
src/assets/icons/LayoutIconBig.tsx
Normal file
@ -0,0 +1,33 @@
|
||||
import { Box, useTheme } from "@mui/material";
|
||||
|
||||
|
||||
interface Props {
|
||||
bgcolor?: string;
|
||||
height: string;
|
||||
width: string;
|
||||
color: string;
|
||||
}
|
||||
|
||||
export default function LayoutIconBig({ bgcolor, height, width, color }: Props) {
|
||||
const theme = useTheme();
|
||||
|
||||
return (
|
||||
<Box
|
||||
sx={{
|
||||
backgroundColor: bgcolor,
|
||||
height,
|
||||
width,
|
||||
display: "flex",
|
||||
alignItems: "center",
|
||||
justifyContent: "center",
|
||||
borderRadius: "6px",
|
||||
}}
|
||||
>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="47" height="40" viewBox="0 0 47 40" fill="none">
|
||||
<path d="M17.875 14.125V38.5" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
|
||||
<path d="M1 14.125H46" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
|
||||
<path d="M44.125 1H2.875C1.83947 1 1 1.83947 1 2.875V36.625C1 37.6605 1.83947 38.5 2.875 38.5H44.125C45.1605 38.5 46 37.6605 46 36.625V2.875C46 1.83947 45.1605 1 44.125 1Z" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
|
||||
</svg>
|
||||
</Box>
|
||||
);
|
||||
}
|
||||
27
src/assets/icons/LayoutStandartIcon.tsx
Normal file
27
src/assets/icons/LayoutStandartIcon.tsx
Normal file
@ -0,0 +1,27 @@
|
||||
import { Box } from "@mui/material";
|
||||
|
||||
|
||||
interface Props {
|
||||
color: string;
|
||||
}
|
||||
|
||||
export default function LayoutStandartIcon({ color }: Props) {
|
||||
|
||||
return (
|
||||
<Box sx={{
|
||||
height: "32px",
|
||||
width: "32px",
|
||||
display: "flex",
|
||||
alignItems: "center",
|
||||
justifyContent: "center",
|
||||
}}>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
|
||||
<path d="M27 6H5C4.44772 6 4 6.44772 4 7V25C4 25.5523 4.44772 26 5 26H27C27.5523 26 28 25.5523 28 25V7C28 6.44772 27.5523 6 27 6Z" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
|
||||
<path d="M18 26L18 6" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
|
||||
<path d="M21 12L25 12" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
|
||||
<path d="M21 16L25 16" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
|
||||
<path d="M21 20L23 20" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
|
||||
</svg>
|
||||
</Box>
|
||||
);
|
||||
}
|
||||
31
src/assets/icons/LinkIcon.tsx
Normal file
31
src/assets/icons/LinkIcon.tsx
Normal file
@ -0,0 +1,31 @@
|
||||
import { Box, useTheme } from "@mui/material";
|
||||
|
||||
|
||||
interface Props {
|
||||
color: string;
|
||||
bgcolor: string;
|
||||
}
|
||||
|
||||
export default function LinkIcon({ color, bgcolor }: Props) {
|
||||
const theme = useTheme();
|
||||
|
||||
return (
|
||||
<Box
|
||||
sx={{
|
||||
bgcolor,
|
||||
borderRadius: "6px",
|
||||
height: "36px",
|
||||
width: "36px",
|
||||
display: "flex",
|
||||
justifyContent: "center",
|
||||
alignItems: "center",
|
||||
}}
|
||||
>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
|
||||
<path d="M8.8219 15.1781L15.1781 8.8125" stroke={theme.palette.brightPurple.main} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
|
||||
<path d="M13.5938 16.7719L10.9406 19.425C10.5227 19.843 10.0265 20.1745 9.48035 20.4007C8.93425 20.6269 8.34893 20.7434 7.75783 20.7434C6.56404 20.7434 5.41915 20.2691 4.57502 19.425C3.73088 18.5809 3.25665 17.436 3.25665 16.2422C3.25665 15.0484 3.73088 13.9035 4.57502 13.0594L7.22814 10.4062" stroke={theme.palette.brightPurple.main} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
|
||||
<path d="M16.7719 13.5938L19.425 10.9406C20.2691 10.0965 20.7434 8.9516 20.7434 7.75781C20.7434 6.56403 20.2691 5.41914 19.425 4.575C18.5809 3.73087 17.436 3.25664 16.2422 3.25664C15.0484 3.25664 13.9035 3.73087 13.0594 4.575L10.4062 7.22813" stroke={theme.palette.brightPurple.main} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
|
||||
</svg>
|
||||
</Box>
|
||||
);
|
||||
}
|
||||
14
src/assets/icons/LogoutIcon.tsx
Normal file
14
src/assets/icons/LogoutIcon.tsx
Normal file
@ -0,0 +1,14 @@
|
||||
import { useTheme } from "@mui/material";
|
||||
|
||||
|
||||
export default function LogoutIcon() {
|
||||
const theme = useTheme();
|
||||
|
||||
return (
|
||||
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M12.5601 12.3V15.25C12.5601 16.3546 11.6646 17.25 10.5601 17.25H3.69596C2.59139 17.25 1.69596 16.3546 1.69596 15.25V2.75C1.69596 1.64543 2.59139 0.75 3.69596 0.75H10.5601C11.6646 0.75 12.5601 1.64543 12.5601 2.75V5.7" stroke={theme.palette.grey2.main} strokeWidth="1.5" strokeLinecap="round" />
|
||||
<path d="M15.067 11.475L16.8532 9.71165C17.2498 9.32011 17.2498 8.6799 16.8532 8.28836L15.067 6.52501" stroke={theme.palette.grey2.main} strokeWidth="1.5" strokeLinecap="round" />
|
||||
<path d="M16.7384 9L6.70996 9" stroke={theme.palette.grey2.main} strokeWidth="1.5" strokeLinecap="round" />
|
||||
</svg>
|
||||
);
|
||||
}
|
||||
29
src/assets/icons/MegaphoneIcon.tsx
Normal file
29
src/assets/icons/MegaphoneIcon.tsx
Normal file
@ -0,0 +1,29 @@
|
||||
import { Box } from "@mui/material";
|
||||
|
||||
|
||||
interface Props {
|
||||
height: string;
|
||||
width: string;
|
||||
color: string;
|
||||
}
|
||||
|
||||
export default function MegaphoneIcon({ height, width, color }: Props) {
|
||||
|
||||
return (
|
||||
<Box
|
||||
sx={{
|
||||
borderRadius: "6px",
|
||||
height,
|
||||
width,
|
||||
display: "flex",
|
||||
justifyContent: "center",
|
||||
alignItems: "center",
|
||||
}}
|
||||
>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="0 0 35 35" fill="none">
|
||||
<path d="M14.2187 10.9375V27.8496C14.2204 28.0314 14.1761 28.2106 14.0901 28.3707C14.0041 28.5309 13.879 28.6667 13.7265 28.7656L12.2226 29.7637C12.0769 29.8609 11.91 29.9218 11.7359 29.9411C11.5618 29.9604 11.3856 29.9376 11.2221 29.8747C11.0586 29.8117 10.9127 29.7104 10.7965 29.5792C10.6804 29.4481 10.5974 29.291 10.5546 29.1211L8.74995 21.875" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
|
||||
<path d="M8.75 21.875C7.2996 21.875 5.9086 21.2988 4.88301 20.2732C3.85742 19.2477 3.28125 17.8567 3.28125 16.4063C3.28125 14.9558 3.85742 13.5648 4.88301 12.5393C5.9086 11.5137 7.2996 10.9375 8.75 10.9375H14.2188C14.2188 10.9375 21.6699 10.9375 28.834 4.93555C28.9933 4.80369 29.1868 4.71971 29.3919 4.69336C29.5971 4.66701 29.8055 4.69937 29.993 4.78667C30.1805 4.87398 30.3394 5.01266 30.4512 5.18663C30.5631 5.36059 30.6234 5.56271 30.625 5.76953V27.043C30.6234 27.2498 30.5631 27.4519 30.4512 27.6259C30.3394 27.7998 30.1805 27.9385 29.993 28.0258C29.8055 28.1131 29.5971 28.1455 29.3919 28.1191C29.1868 28.0928 28.9933 28.0088 28.834 27.877C21.6699 21.875 14.2188 21.875 14.2188 21.875H8.75Z" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
|
||||
</svg>
|
||||
</Box>
|
||||
);
|
||||
}
|
||||
31
src/assets/icons/MenuIcon.tsx
Normal file
31
src/assets/icons/MenuIcon.tsx
Normal file
@ -0,0 +1,31 @@
|
||||
export default function MenuIcon() {
|
||||
return (
|
||||
<svg width="30" height="31" viewBox="0 0 30 31" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect y="0.8125" width="30" height="30" rx="6" fill="#333647" />
|
||||
<path
|
||||
d="M10.5 8.8125C11.3284 8.8125 12 8.14093 12 7.3125C12 6.48407 11.3284 5.8125 10.5 5.8125C9.67157 5.8125 9 6.48407 9 7.3125C9 8.14093 9.67157 8.8125 10.5 8.8125Z"
|
||||
fill="white"
|
||||
/>
|
||||
<path
|
||||
d="M19.5 8.8125C20.3284 8.8125 21 8.14093 21 7.3125C21 6.48407 20.3284 5.8125 19.5 5.8125C18.6716 5.8125 18 6.48407 18 7.3125C18 8.14093 18.6716 8.8125 19.5 8.8125Z"
|
||||
fill="white"
|
||||
/>
|
||||
<path
|
||||
d="M10.5 17.3125C11.3284 17.3125 12 16.6409 12 15.8125C12 14.9841 11.3284 14.3125 10.5 14.3125C9.67157 14.3125 9 14.9841 9 15.8125C9 16.6409 9.67157 17.3125 10.5 17.3125Z"
|
||||
fill="white"
|
||||
/>
|
||||
<path
|
||||
d="M19.5 17.3125C20.3284 17.3125 21 16.6409 21 15.8125C21 14.9841 20.3284 14.3125 19.5 14.3125C18.6716 14.3125 18 14.9841 18 15.8125C18 16.6409 18.6716 17.3125 19.5 17.3125Z"
|
||||
fill="white"
|
||||
/>
|
||||
<path
|
||||
d="M10.5 25.8125C11.3284 25.8125 12 25.1409 12 24.3125C12 23.4841 11.3284 22.8125 10.5 22.8125C9.67157 22.8125 9 23.4841 9 24.3125C9 25.1409 9.67157 25.8125 10.5 25.8125Z"
|
||||
fill="white"
|
||||
/>
|
||||
<path
|
||||
d="M19.5 25.8125C20.3284 25.8125 21 25.1409 21 24.3125C21 23.4841 20.3284 22.8125 19.5 22.8125C18.6716 22.8125 18 23.4841 18 24.3125C18 25.1409 18.6716 25.8125 19.5 25.8125Z"
|
||||
fill="white"
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
}
|
||||
30
src/assets/icons/MobilePhoneIcon.tsx
Normal file
30
src/assets/icons/MobilePhoneIcon.tsx
Normal file
@ -0,0 +1,30 @@
|
||||
import { Box, useTheme } from "@mui/material";
|
||||
|
||||
|
||||
interface Props {
|
||||
bgcolor: string;
|
||||
}
|
||||
|
||||
export default function MobilePhoneIcon({ bgcolor }: Props) {
|
||||
const theme = useTheme();
|
||||
|
||||
return (
|
||||
<Box
|
||||
sx={{
|
||||
height: "36px",
|
||||
width: "36px",
|
||||
display: "flex",
|
||||
alignItems: "center",
|
||||
justifyContent: "center",
|
||||
backgroundColor: bgcolor,
|
||||
borderRadius: "6px",
|
||||
}}
|
||||
>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
|
||||
<path d="M16.5 2.25H7.5C6.67157 2.25 6 2.92157 6 3.75V20.25C6 21.0784 6.67157 21.75 7.5 21.75H16.5C17.3284 21.75 18 21.0784 18 20.25V3.75C18 2.92157 17.3284 2.25 16.5 2.25Z" stroke={theme.palette.brightPurple.main} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
|
||||
<path d="M6 5.25H18" stroke={theme.palette.brightPurple.main} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
|
||||
<path d="M6 18.75H18" stroke={theme.palette.brightPurple.main} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
|
||||
</svg>
|
||||
</Box>
|
||||
);
|
||||
}
|
||||
26
src/assets/icons/NumberThree.tsx
Normal file
26
src/assets/icons/NumberThree.tsx
Normal file
@ -0,0 +1,26 @@
|
||||
import { Box } from "@mui/material";
|
||||
|
||||
|
||||
interface Props {
|
||||
color: string;
|
||||
}
|
||||
|
||||
export default function NumberThree({color}:Props) {
|
||||
|
||||
return (
|
||||
<Box
|
||||
sx={{
|
||||
height: "30px",
|
||||
width: "30px",
|
||||
display: "flex",
|
||||
alignItems: "center",
|
||||
justifyContent: "center",
|
||||
}}
|
||||
>
|
||||
<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M12 21.1875C16.9706 21.1875 21 17.1581 21 12.1875C21 7.21694 16.9706 3.1875 12 3.1875C7.02944 3.1875 3 7.21694 3 12.1875C3 17.1581 7.02944 21.1875 12 21.1875Z" stroke={color} strokeWidth="1.5" strokeMiterlimit="10"/>
|
||||
<path d="M9.75 8.0625H14.25L11.625 11.8125C12.0567 11.8125 12.4817 11.919 12.8624 12.1225C13.243 12.326 13.5677 12.6203 13.8075 12.9792C14.0473 13.3381 14.1949 13.7507 14.2372 14.1803C14.2795 14.6099 14.2152 15.0433 14.05 15.4421C13.8848 15.8409 13.6238 16.1928 13.2901 16.4666C12.9564 16.7405 12.5603 16.9278 12.137 17.0121C11.7136 17.0963 11.276 17.0748 10.8629 16.9495C10.4498 16.8242 10.074 16.599 9.76875 16.2937" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/>
|
||||
</svg>
|
||||
</Box>
|
||||
);
|
||||
}
|
||||
26
src/assets/icons/NumberTwo.tsx
Normal file
26
src/assets/icons/NumberTwo.tsx
Normal file
@ -0,0 +1,26 @@
|
||||
import { Box } from "@mui/material";
|
||||
|
||||
|
||||
interface Props {
|
||||
color: string;
|
||||
}
|
||||
|
||||
export default function NumberTwo({color}:Props) {
|
||||
|
||||
return (
|
||||
<Box
|
||||
sx={{
|
||||
height: "30px",
|
||||
width: "30px",
|
||||
display: "flex",
|
||||
alignItems: "center",
|
||||
justifyContent: "center",
|
||||
}}
|
||||
>
|
||||
<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M12 21.1875C16.9706 21.1875 21 17.1581 21 12.1875C21 7.21694 16.9706 3.1875 12 3.1875C7.02944 3.1875 3 7.21694 3 12.1875C3 17.1581 7.02944 21.1875 12 21.1875Z" stroke={color} strokeWidth="1.5" strokeMiterlimit="10"/>
|
||||
<path d="M9.92813 9.06402C10.1303 8.58652 10.4913 8.19352 10.9499 7.9515C11.4085 7.70948 11.9366 7.6333 12.4449 7.73584C12.9533 7.83839 13.4106 8.11336 13.7395 8.51426C14.0684 8.91515 14.2487 9.41735 14.25 9.9359C14.252 10.3839 14.118 10.822 13.8656 11.1921V11.1921L9.75 16.6859H14.25" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/>
|
||||
</svg>
|
||||
</Box>
|
||||
);
|
||||
}
|
||||
26
src/assets/icons/OneIconBorder.tsx
Normal file
26
src/assets/icons/OneIconBorder.tsx
Normal file
@ -0,0 +1,26 @@
|
||||
import { Box } from "@mui/material";
|
||||
|
||||
|
||||
interface Props {
|
||||
color: string;
|
||||
}
|
||||
|
||||
export default function OneIconBorder({color}:Props) {
|
||||
|
||||
return (
|
||||
<Box
|
||||
sx={{
|
||||
height: "30px",
|
||||
width: "30px",
|
||||
display: "flex",
|
||||
alignItems: "center",
|
||||
justifyContent: "center",
|
||||
}}
|
||||
>
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z" stroke={color} strokeWidth="1.5" strokeMiterlimit="10"/>
|
||||
<path d="M10.125 9.375L12.375 7.875V16.5" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/>
|
||||
</svg>
|
||||
</Box>
|
||||
);
|
||||
}
|
||||
67
src/assets/icons/PenaLogoIcon.tsx
Normal file
67
src/assets/icons/PenaLogoIcon.tsx
Normal file
@ -0,0 +1,67 @@
|
||||
import { FC, SVGProps } from "react";
|
||||
|
||||
export const PenaLogoIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
|
||||
<svg
|
||||
{...props}
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
height="1em"
|
||||
viewBox="0 0 101 39"
|
||||
fill="none"
|
||||
>
|
||||
<g clipPath="url(#clip0_1219_7368)">
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M14.5445 1.86361C10.4361 1.38772 7.60178 5.80079 4.9654 8.99079C2.65174 11.7903 0.929012 14.9524 0.728914 18.5804C0.516027 22.4402 1.21619 26.46 3.84576 29.2908C6.55435 32.2068 10.6117 34.0492 14.5445 33.4535C18.1507 32.9073 19.7464 28.9471 22.4312 26.4758C25.3464 23.7924 30.7777 22.5443 30.7023 18.5804C30.6269 14.6104 24.8948 13.8333 22.1367 10.9798C19.2798 8.02414 18.6256 2.33634 14.5445 1.86361Z"
|
||||
fill="#7E2AEA"
|
||||
/>
|
||||
<ellipse
|
||||
cx="24.765"
|
||||
cy="31.9447"
|
||||
rx="2.26694"
|
||||
ry="2.26694"
|
||||
fill="#7E2AEA"
|
||||
/>
|
||||
<ellipse
|
||||
cx="22.4984"
|
||||
cy="6.79328"
|
||||
rx="0.863596"
|
||||
ry="0.863596"
|
||||
fill="#7E2AEA"
|
||||
/>
|
||||
<path
|
||||
d="M36.3118 17.6519C36.06 15.2038 34.9082 12.9364 33.0798 11.2892C31.2514 9.64197 28.8765 8.73224 26.4155 8.73634C26.0661 8.7365 25.7169 8.75477 25.3694 8.7911C22.9224 9.04804 20.6573 10.202 19.0108 12.0303C17.3643 13.8586 16.4532 16.2319 16.4531 18.6923V18.6923V32.9152H20.72V26.8705C22.3883 28.0311 24.3726 28.6516 26.4048 28.6483C26.7543 28.6482 27.1034 28.6299 27.4509 28.5936C28.7512 28.4569 30.0119 28.0655 31.1609 27.4416C32.3099 26.8177 33.3248 25.9737 34.1476 24.9576C34.9704 23.9415 35.585 22.7733 35.9564 21.5196C36.3277 20.266 36.4485 18.9515 36.3118 17.6512V17.6519ZM30.8317 22.2744C30.363 22.8566 29.7834 23.34 29.1266 23.6967C28.4697 24.0534 27.7486 24.2762 27.005 24.3523C26.8056 24.373 26.6053 24.3835 26.4048 24.3836C25.1144 24.3824 23.8628 23.9426 22.8553 23.1363C21.8478 22.33 21.1443 21.2051 20.8604 19.9463C20.5764 18.6876 20.7289 17.3696 21.2926 16.2089C21.8564 15.0482 22.7981 14.1136 23.963 13.5585C25.1279 13.0035 26.4469 12.8609 27.7036 13.1543C28.9602 13.4477 30.0797 14.1596 30.8784 15.1731C31.6772 16.1866 32.1076 17.4415 32.0991 18.7319C32.0906 20.0223 31.6437 21.2714 30.8317 22.2744Z"
|
||||
fill="currentColor"
|
||||
/>
|
||||
<path
|
||||
d="M47.4457 8.73633C47.0963 8.73648 46.7471 8.75476 46.3996 8.79109C43.8641 9.0581 41.5277 10.2876 39.8719 12.2262C38.2161 14.1648 37.3671 16.6647 37.4998 19.2108C37.6326 21.7568 38.737 24.1548 40.5855 25.9107C42.4339 27.6666 44.8855 28.6464 47.435 28.6483C47.7844 28.6482 48.1336 28.6299 48.4811 28.5935C50.3092 28.3989 52.0481 27.7035 53.5063 26.5839C54.9644 25.4643 56.0853 23.9639 56.7453 22.248H51.8818L51.8619 22.2729C51.2389 23.0429 50.4257 23.637 49.5027 23.9963C48.5797 24.3556 47.5789 24.4677 46.5993 24.3215C45.6197 24.1753 44.6952 23.7759 43.9173 23.1628C43.1394 22.5497 42.5351 21.7441 42.164 20.8257H57.1691C57.4851 19.3721 57.4718 17.8662 57.1302 16.4184C56.7887 14.9706 56.1275 13.6175 55.1952 12.4584C54.2629 11.2992 53.0831 10.3633 51.7422 9.71932C50.4013 9.07528 48.9332 8.73942 47.4457 8.73633V8.73633ZM42.164 16.5589C42.5524 15.6028 43.193 14.7701 44.0174 14.1494C44.8419 13.5287 45.8193 13.1434 46.8455 13.0345C47.0449 13.0138 47.2452 13.0033 47.4457 13.0032C48.579 13.0013 49.6869 13.339 50.6264 13.9728C51.5659 14.6066 52.294 15.5074 52.7167 16.5589H42.164Z"
|
||||
fill="currentColor"
|
||||
/>
|
||||
<path
|
||||
d="M67.7096 8.73634C66.0788 8.73375 64.479 9.18218 63.0872 10.032V8.73634H58.8203V28.6483H63.0872V17.6256C63.0872 16.3997 63.5742 15.2239 64.441 14.3571C65.3079 13.4902 66.4836 13.0032 67.7096 13.0032C68.9355 13.0032 70.1113 13.4902 70.9781 14.3571C71.845 15.2239 72.332 16.3997 72.332 17.6256V28.6483H76.5989V17.6256C76.5989 15.268 75.6623 13.007 73.9953 11.3399C72.3282 9.67289 70.0672 8.73634 67.7096 8.73634Z"
|
||||
fill="currentColor"
|
||||
/>
|
||||
<path
|
||||
d="M97.9345 19.9646V8.73635H93.6677V10.5142C91.9996 9.3531 90.0152 8.73248 87.9828 8.73635C87.6334 8.7365 87.2842 8.75478 86.9367 8.7911C84.4012 9.05812 82.0648 10.2876 80.409 12.2262C78.7532 14.1648 77.9042 16.6648 78.037 19.2108C78.1697 21.7568 79.2741 24.1549 81.1226 25.9107C82.971 27.6666 85.4226 28.6465 87.9721 28.6483C88.3215 28.6482 88.6707 28.6299 89.0182 28.5936C91.4981 28.3398 93.7905 27.1584 95.4363 25.286C96.7151 26.9969 98.5669 28.1903 100.653 28.6483V24.1752C99.8436 23.8085 99.1566 23.2165 98.6745 22.4698C98.1924 21.7231 97.9355 20.8534 97.9345 19.9646ZM92.399 22.2729C91.9302 22.8551 91.3506 23.3384 90.6937 23.6951C90.0369 24.0518 89.3159 24.2747 88.5723 24.3509C88.3729 24.3716 88.1726 24.382 87.9721 24.3822C86.5144 24.3821 85.1122 23.8225 84.0551 22.8187C82.9979 21.8149 82.3664 20.4437 82.2909 18.9879C82.2153 17.532 82.7015 16.1028 83.6491 14.995C84.5967 13.8872 85.9334 13.1854 87.3833 13.0345C87.5825 13.0138 87.7826 13.0033 87.9828 13.0032C89.0569 13.0041 90.1089 13.3091 91.0169 13.8829C91.925 14.4566 92.652 15.2758 93.114 16.2455C93.576 17.2152 93.754 18.2959 93.6275 19.3625C93.5009 20.4292 93.075 21.4382 92.399 22.2729Z"
|
||||
fill="currentColor"
|
||||
/>
|
||||
<path
|
||||
d="M82.7954 30.8086V33.1847C83.1951 32.7175 83.6727 32.4838 84.2282 32.4838C84.5132 32.4838 84.7704 32.5367 84.9996 32.6425C85.2289 32.7483 85.4008 32.8835 85.5154 33.0481C85.633 33.2127 85.7123 33.3949 85.7535 33.5947C85.7976 33.7946 85.8196 34.1046 85.8196 34.5249V37.2714H84.5808V34.7982C84.5808 34.3074 84.5573 33.9959 84.5103 33.8636C84.4633 33.7314 84.3795 33.6271 84.259 33.5506C84.1415 33.4713 83.993 33.4316 83.8138 33.4316C83.608 33.4316 83.4244 33.4816 83.2627 33.5815C83.1011 33.6814 82.982 33.8328 82.9056 34.0356C82.8322 34.2354 82.7954 34.5323 82.7954 34.9261V37.2714H81.5566V30.8086H82.7954Z"
|
||||
fill="currentColor"
|
||||
/>
|
||||
<path
|
||||
d="M90.1619 37.2714V36.5704C89.9915 36.8203 89.7666 37.0172 89.4874 37.1612C89.2112 37.3052 88.9188 37.3772 88.6102 37.3772C88.2957 37.3772 88.0136 37.3081 87.7637 37.17C87.5139 37.0319 87.3332 36.8379 87.2215 36.5881C87.1098 36.3383 87.054 35.9929 87.054 35.5521V32.5896H88.2928V34.7409C88.2928 35.3993 88.3148 35.8034 88.3589 35.9533C88.4059 36.1002 88.4897 36.2178 88.6102 36.3059C88.7307 36.3912 88.8835 36.4338 89.0686 36.4338C89.2802 36.4338 89.4698 36.3765 89.6373 36.2618C89.8049 36.1443 89.9195 36.0003 89.9812 35.8298C90.0429 35.6564 90.0738 35.2347 90.0738 34.5646V32.5896H91.3125V37.2714H90.1619Z"
|
||||
fill="currentColor"
|
||||
/>
|
||||
<path
|
||||
d="M92.5469 37.2714V30.8086H93.7857V33.1363C94.1677 32.7013 94.6203 32.4838 95.1435 32.4838C95.7136 32.4838 96.1853 32.691 96.5586 33.1054C96.9318 33.5169 97.1185 34.1091 97.1185 34.882C97.1185 35.6814 96.9274 36.2971 96.5454 36.7291C96.1662 37.1612 95.7048 37.3772 95.1611 37.3772C94.8937 37.3772 94.6292 37.3111 94.3676 37.1788C94.109 37.0436 93.8856 36.8452 93.6975 36.5837V37.2714H92.5469ZM93.7769 34.8291C93.7769 35.314 93.8533 35.6726 94.0061 35.9048C94.2206 36.2339 94.5057 36.3985 94.8613 36.3985C95.1347 36.3985 95.3668 36.2824 95.5579 36.0502C95.7519 35.8151 95.8488 35.4463 95.8488 34.9437C95.8488 34.4088 95.7519 34.0238 95.5579 33.7887C95.3639 33.5506 95.1156 33.4316 94.8129 33.4316C94.516 33.4316 94.2691 33.5477 94.0722 33.7799C93.8753 34.0091 93.7769 34.3589 93.7769 34.8291Z"
|
||||
fill="currentColor"
|
||||
/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_1219_7368">
|
||||
<rect width="100.75" height="39" fill="currentColor" />
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
);
|
||||
32
src/assets/icons/PencilCircleIcon.tsx
Normal file
32
src/assets/icons/PencilCircleIcon.tsx
Normal file
@ -0,0 +1,32 @@
|
||||
import { Box } from "@mui/material";
|
||||
|
||||
|
||||
interface Props {
|
||||
height: string;
|
||||
width: string;
|
||||
color: string;
|
||||
}
|
||||
|
||||
export default function PencilCircleIcon({ height, width, color }: Props) {
|
||||
|
||||
return (
|
||||
<Box
|
||||
sx={{
|
||||
borderRadius: "6px",
|
||||
height,
|
||||
width,
|
||||
display: "flex",
|
||||
justifyContent: "center",
|
||||
alignItems: "center",
|
||||
}}
|
||||
>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="0 0 35 35" fill="none">
|
||||
<path d="M17.5 30.625C24.7487 30.625 30.625 24.7487 30.625 17.5C30.625 10.2513 24.7487 4.375 17.5 4.375C10.2513 4.375 4.375 10.2513 4.375 17.5C4.375 24.7487 10.2513 30.625 17.5 30.625Z" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
|
||||
<path d="M24.0625 28.875V24.0625L17.5 9.84375L10.9375 24.0625V28.875" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
|
||||
<path d="M17.5 26.25C17.5 25.3798 17.8457 24.5452 18.4611 23.9298C19.0764 23.3145 19.911 22.9688 20.7812 22.9688C21.6515 22.9688 22.4861 23.3145 23.1014 23.9298C23.7168 24.5452 24.0625 25.3798 24.0625 26.25" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
|
||||
<path d="M17.5 30.625V26.25C17.5 25.3798 17.1543 24.5452 16.5389 23.9298C15.9236 23.3145 15.089 22.9688 14.2188 22.9688C13.3485 22.9688 12.5139 23.3145 11.8986 23.9298C11.2832 24.5452 10.9375 25.3798 10.9375 26.25" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
|
||||
<path d="M13.9727 17.5H21.0273" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
|
||||
</svg>
|
||||
</Box>
|
||||
);
|
||||
}
|
||||
23
src/assets/icons/PencilIcon.tsx
Normal file
23
src/assets/icons/PencilIcon.tsx
Normal file
@ -0,0 +1,23 @@
|
||||
import { Box, useTheme } from "@mui/material";
|
||||
|
||||
|
||||
export default function PencilIcon() {
|
||||
const theme = useTheme();
|
||||
|
||||
return (
|
||||
<Box
|
||||
sx={{
|
||||
display: "flex",
|
||||
justifyContent: "center",
|
||||
alignItems: "center",
|
||||
}}
|
||||
>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
|
||||
<path d="M8.69063 20.25H4.5C4.30109 20.25 4.11033 20.171 3.96967 20.0303C3.82902 19.8897 3.75 19.6989 3.75 19.5V15.3094C3.74966 15.212 3.76853 15.1155 3.80553 15.0254C3.84253 14.9353 3.89694 14.8534 3.96563 14.7844L15.2156 3.53437C15.2854 3.46351 15.3686 3.40724 15.4603 3.36882C15.5521 3.33041 15.6505 3.31063 15.75 3.31063C15.8495 3.31063 15.9479 3.33041 16.0397 3.36882C16.1314 3.40724 16.2146 3.46351 16.2844 3.53437L20.4656 7.71562C20.5365 7.78541 20.5928 7.8686 20.6312 7.96034C20.6696 8.05208 20.6894 8.15054 20.6894 8.25C20.6894 8.34946 20.6696 8.44792 20.6312 8.53966C20.5928 8.6314 20.5365 8.71459 20.4656 8.78437L9.21563 20.0344C9.1466 20.1031 9.06469 20.1575 8.9746 20.1945C8.88452 20.2315 8.78802 20.2503 8.69063 20.25V20.25Z" stroke={theme.palette.brightPurple.main} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
|
||||
<path d="M12.75 6L18 11.25" stroke={theme.palette.brightPurple.main} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
|
||||
<path d="M15.375 8.625L6.375 17.625" stroke={theme.palette.brightPurple.main} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
|
||||
<path d="M8.95312 20.2031L3.79688 15.0469" stroke={theme.palette.brightPurple.main} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
|
||||
</svg>
|
||||
</Box>
|
||||
);
|
||||
}
|
||||
19
src/assets/icons/Plus.tsx
Normal file
19
src/assets/icons/Plus.tsx
Normal file
@ -0,0 +1,19 @@
|
||||
import { IconButton } from "@mui/material";
|
||||
|
||||
export default function Plus() {
|
||||
return (
|
||||
<IconButton>
|
||||
<svg
|
||||
width="44"
|
||||
height="44"
|
||||
viewBox="0 0 44 44"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<circle cx="22" cy="22" r="22" fill="#FB5607" />
|
||||
<path d="M22 10V34" stroke="white" strokeWidth="2" />
|
||||
<path d="M10 22H34" stroke="white" strokeWidth="2" />
|
||||
</svg>
|
||||
</IconButton>
|
||||
);
|
||||
}
|
||||
28
src/assets/icons/PuzzlePieceIcon.tsx
Normal file
28
src/assets/icons/PuzzlePieceIcon.tsx
Normal file
@ -0,0 +1,28 @@
|
||||
import { Box } from "@mui/material";
|
||||
|
||||
|
||||
interface Props {
|
||||
height: string;
|
||||
width: string;
|
||||
color: string;
|
||||
}
|
||||
|
||||
export default function PuzzlePieceIcon({ height, width, color }: Props) {
|
||||
|
||||
return (
|
||||
<Box
|
||||
sx={{
|
||||
borderRadius: "6px",
|
||||
height,
|
||||
width,
|
||||
display: "flex",
|
||||
justifyContent: "center",
|
||||
alignItems: "center",
|
||||
}}
|
||||
>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="0 0 35 35" fill="none">
|
||||
<path d="M8.74976 29.5313C8.45968 29.5313 8.18148 29.416 7.97636 29.2109C7.77125 29.0058 7.65601 28.7276 7.65601 28.4375V22.5996C7.05597 22.8859 6.39095 23.0085 5.72828 22.9551C5.16718 22.9139 4.62206 22.7495 4.13172 22.4736C3.64138 22.1977 3.21788 21.8172 2.89135 21.359C2.56483 20.9008 2.3433 20.3763 2.24255 19.8228C2.14179 19.2693 2.16429 18.7004 2.30842 18.1565C2.45256 17.6127 2.7148 17.1073 3.07648 16.6763C3.43816 16.2454 3.89038 15.8994 4.40097 15.6631C4.91155 15.4268 5.46795 15.306 6.03056 15.3092C6.59316 15.3124 7.14815 15.4396 7.65601 15.6816V9.84376C7.65601 9.55368 7.77125 9.27548 7.97636 9.07036C8.18148 8.86524 8.45968 8.75001 8.74976 8.75001H15.1345C14.8483 8.14996 14.7257 7.48494 14.7791 6.82227C14.8203 6.26117 14.9847 5.71605 15.2606 5.22571C15.5364 4.73538 15.917 4.31187 16.3752 3.98535C16.8333 3.65882 17.3578 3.4373 17.9113 3.33654C18.4649 3.23579 19.0338 3.25828 19.5776 3.40242C20.1215 3.54656 20.6268 3.8088 21.0578 4.17047C21.4888 4.53215 21.8347 4.98438 22.071 5.49496C22.3073 6.00555 22.4282 6.56194 22.425 7.12455C22.4218 7.68716 22.2946 8.24214 22.0525 8.75001H28.4373C28.7273 8.75001 29.0055 8.86524 29.2107 9.07036C29.4158 9.27548 29.531 9.55368 29.531 9.84376V15.6816C28.931 15.3954 28.2659 15.2728 27.6033 15.3262C27.0422 15.3674 26.4971 15.5318 26.0067 15.8077C25.5164 16.0835 25.0929 16.4641 24.7664 16.9223C24.4398 17.3804 24.2183 17.9049 24.1176 18.4585C24.0168 19.012 24.0393 19.5809 24.1834 20.1247C24.3276 20.6686 24.5898 21.174 24.9515 21.6049C25.3132 22.0359 25.7654 22.3818 26.276 22.6181C26.7866 22.8544 27.343 22.9753 27.9056 22.9721C28.4682 22.9689 29.0231 22.8417 29.531 22.5996V28.4375C29.531 28.7276 29.4158 29.0058 29.2107 29.2109C29.0055 29.416 28.7273 29.5313 28.4373 29.5313H8.74976Z" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
|
||||
</svg>
|
||||
</Box>
|
||||
);
|
||||
}
|
||||
30
src/assets/icons/QuestionIcon.tsx
Normal file
30
src/assets/icons/QuestionIcon.tsx
Normal file
@ -0,0 +1,30 @@
|
||||
import { Box } from "@mui/material";
|
||||
|
||||
|
||||
interface Props {
|
||||
height: string;
|
||||
width: string;
|
||||
color: string;
|
||||
}
|
||||
|
||||
export default function QuestionIcon({ height, width ,color}: Props) {
|
||||
|
||||
return (
|
||||
<Box
|
||||
sx={{
|
||||
borderRadius: "6px",
|
||||
height,
|
||||
width,
|
||||
display: "flex",
|
||||
justifyContent: "center",
|
||||
alignItems: "center",
|
||||
}}
|
||||
>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="0 0 35 35" fill="none">
|
||||
<path d="M7.45117 27.5488C6.19336 26.291 7.02734 23.6523 6.38477 22.1074C5.74219 20.5625 3.28125 19.209 3.28125 17.5C3.28125 15.791 5.71484 14.4922 6.38477 12.8926C7.05469 11.293 6.19336 8.70898 7.45117 7.45117C8.70898 6.19336 11.3477 7.02734 12.8926 6.38477C14.4375 5.74219 15.791 3.28125 17.5 3.28125C19.209 3.28125 20.5078 5.71484 22.1074 6.38477C23.707 7.05469 26.291 6.19336 27.5488 7.45117C28.8066 8.70898 27.9727 11.3477 28.6152 12.8926C29.2578 14.4375 31.7188 15.791 31.7188 17.5C31.7188 19.209 29.2852 20.5078 28.6152 22.1074C27.9453 23.707 28.8066 26.291 27.5488 27.5488C26.291 28.8066 23.6523 27.9727 22.1074 28.6152C20.5625 29.2578 19.209 31.7188 17.5 31.7188C15.791 31.7188 14.4922 29.2852 12.8926 28.6152C11.293 27.9453 8.70898 28.8066 7.45117 27.5488Z" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
|
||||
<path d="M17.5 26.25C18.4061 26.25 19.1406 25.5155 19.1406 24.6094C19.1406 23.7033 18.4061 22.9688 17.5 22.9688C16.5939 22.9688 15.8594 23.7033 15.8594 24.6094C15.8594 25.5155 16.5939 26.25 17.5 26.25Z" fill={color} />
|
||||
<path d="M17.5 19.6875V18.5938C18.2571 18.5938 18.9973 18.3692 19.6268 17.9486C20.2563 17.528 20.747 16.9301 21.0367 16.2306C21.3265 15.5311 21.4023 14.7614 21.2546 14.0188C21.1069 13.2762 20.7423 12.5941 20.2069 12.0587C19.6715 11.5234 18.9894 11.1588 18.2468 11.0111C17.5042 10.8633 16.7345 10.9392 16.035 11.2289C15.3355 11.5186 14.7377 12.0093 14.317 12.6388C13.8964 13.2684 13.6719 14.0085 13.6719 14.7656" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
|
||||
</svg>
|
||||
</Box>
|
||||
);
|
||||
}
|
||||
63
src/assets/icons/QuestionsMapIcon.tsx
Normal file
63
src/assets/icons/QuestionsMapIcon.tsx
Normal file
@ -0,0 +1,63 @@
|
||||
import { Box } from "@mui/material";
|
||||
|
||||
interface Props {
|
||||
color: string;
|
||||
}
|
||||
|
||||
export default function QuestionsMapIcon({ color = "#7E2AEA" }: Props) {
|
||||
return (
|
||||
<Box
|
||||
sx={{
|
||||
width: "24px",
|
||||
height: "24px",
|
||||
display: "flex",
|
||||
alignItems: "center",
|
||||
justifyContent: "center",
|
||||
}}
|
||||
>
|
||||
<svg
|
||||
width="21"
|
||||
height="18"
|
||||
viewBox="0 0 21 18"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M5.90039 6.375H2.15039C1.73618 6.375 1.40039 6.71079 1.40039 7.125V10.875C1.40039 11.2892 1.73618 11.625 2.15039 11.625H5.90039C6.3146 11.625 6.65039 11.2892 6.65039 10.875V7.125C6.65039 6.71079 6.3146 6.375 5.90039 6.375Z"
|
||||
stroke={color}
|
||||
strokeWidth="1.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M19.4004 0.75H14.9004C14.4862 0.75 14.1504 1.08579 14.1504 1.5V6C14.1504 6.41421 14.4862 6.75 14.9004 6.75H19.4004C19.8146 6.75 20.1504 6.41421 20.1504 6V1.5C20.1504 1.08579 19.8146 0.75 19.4004 0.75Z"
|
||||
stroke={color}
|
||||
strokeWidth="1.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M19.4004 11.25H14.9004C14.4862 11.25 14.1504 11.5858 14.1504 12V16.5C14.1504 16.9142 14.4862 17.25 14.9004 17.25H19.4004C19.8146 17.25 20.1504 16.9142 20.1504 16.5V12C20.1504 11.5858 19.8146 11.25 19.4004 11.25Z"
|
||||
stroke={color}
|
||||
strokeWidth="1.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M6.65039 9H10.4004"
|
||||
stroke={color}
|
||||
strokeWidth="1.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M14.1504 14.25H12.6504C12.3546 14.2513 12.0615 14.1939 11.7879 14.0813C11.5144 13.9686 11.2658 13.803 11.0567 13.5938C10.8475 13.3846 10.6818 13.1361 10.5692 12.8625C10.4565 12.589 10.3992 12.2958 10.4004 12V6.00002C10.3992 5.7042 10.4565 5.41106 10.5692 5.13752C10.6818 4.86397 10.8475 4.61544 11.0567 4.40626C11.2658 4.19708 11.5144 4.0314 11.7879 3.91876C12.0615 3.80613 12.3546 3.74878 12.6504 3.75002H14.1504"
|
||||
stroke={color}
|
||||
strokeWidth="1.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</svg>
|
||||
</Box>
|
||||
);
|
||||
}
|
||||
33
src/assets/icons/ResetIcon.tsx
Normal file
33
src/assets/icons/ResetIcon.tsx
Normal file
@ -0,0 +1,33 @@
|
||||
import { CSSProperties, FC } from "react";
|
||||
|
||||
interface Iporps {
|
||||
style?: CSSProperties;
|
||||
onClick?: () => void;
|
||||
}
|
||||
|
||||
export const ResetIcon: FC<Iporps> = ({ style, onClick }) => (
|
||||
<svg
|
||||
onClick={onClick}
|
||||
style={style}
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width="32"
|
||||
height="32"
|
||||
viewBox="0 0 32 32"
|
||||
fill="none"
|
||||
>
|
||||
<path
|
||||
d="M22.0254 12.4609H28.0254V6.46094"
|
||||
stroke="#9A9AAF"
|
||||
strokeWidth="2"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M23.7755 23.775C22.2375 25.3143 20.2775 26.3628 18.1434 26.788C16.0094 27.2132 13.7972 26.9958 11.7867 26.1635C9.77619 25.3312 8.05769 23.9213 6.8486 22.1122C5.63951 20.3031 4.99414 18.176 4.99414 16C4.99414 13.824 5.63951 11.6969 6.8486 9.8878C8.05769 8.07866 9.77619 6.66877 11.7867 5.83647C13.7972 5.00417 16.0094 4.78686 18.1434 5.21202C20.2775 5.63719 22.2375 6.68573 23.7755 8.22501L28.0255 12.4625"
|
||||
stroke="#9A9AAF"
|
||||
strokeWidth="2"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
35
src/assets/icons/ResizeIcon.tsx
Normal file
35
src/assets/icons/ResizeIcon.tsx
Normal file
@ -0,0 +1,35 @@
|
||||
import { Box, SxProps, Theme } from "@mui/material";
|
||||
|
||||
interface Props {
|
||||
sx?: SxProps<Theme>;
|
||||
}
|
||||
|
||||
export default function ResizeIcon({ sx }: Props) {
|
||||
return (
|
||||
<Box
|
||||
sx={{
|
||||
height: "20px",
|
||||
width: "20px",
|
||||
display: "flex",
|
||||
alignItems: "center",
|
||||
justifyContent: "center",
|
||||
cursor: "nwse-resize",
|
||||
pointerEvents: "auto",
|
||||
...sx,
|
||||
}}
|
||||
>
|
||||
<svg
|
||||
width="20"
|
||||
height="20"
|
||||
viewBox="0 0 30 20"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M10.5 8a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM19.5 8a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM10.5 16.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"
|
||||
fill="#4D4D4D"
|
||||
/>
|
||||
</svg>
|
||||
</Box>
|
||||
);
|
||||
}
|
||||
22
src/assets/icons/SearchIcon.tsx
Normal file
22
src/assets/icons/SearchIcon.tsx
Normal file
@ -0,0 +1,22 @@
|
||||
import { Box } from "@mui/material";
|
||||
|
||||
|
||||
export default function SearchIcon() {
|
||||
|
||||
return (
|
||||
<Box
|
||||
sx={{
|
||||
height: "24px",
|
||||
width: "24px",
|
||||
display: "flex",
|
||||
alignItems: "center",
|
||||
justifyContent: "center",
|
||||
}}
|
||||
>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
|
||||
<path d="M10.875 18.75C15.2242 18.75 18.75 15.2242 18.75 10.875C18.75 6.52576 15.2242 3 10.875 3C6.52576 3 3 6.52576 3 10.875C3 15.2242 6.52576 18.75 10.875 18.75Z" stroke="#101828" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
|
||||
<path d="M16.4438 16.4437L21.0001 21" stroke="#101828" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
|
||||
</svg>
|
||||
</Box>
|
||||
);
|
||||
}
|
||||
12
src/assets/icons/SendIcon.tsx
Normal file
12
src/assets/icons/SendIcon.tsx
Normal file
@ -0,0 +1,12 @@
|
||||
|
||||
|
||||
export default function SendIcon() {
|
||||
|
||||
return (
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="45" height="45" viewBox="0 0 45 45" fill="none">
|
||||
<circle cx="22.5" cy="22.5" r="22.5" fill="#944FEE" />
|
||||
<path d="M33.8489 22.1816L15.9232 12.1415C15.7722 12.0581 15.5994 12.0227 15.4277 12.0399C15.2561 12.0571 15.0938 12.1263 14.9624 12.2381C14.831 12.3498 14.7368 12.499 14.6923 12.6657C14.6478 12.8323 14.6551 13.0086 14.7133 13.171L18.0883 22.638C18.1627 22.8218 18.1627 23.0273 18.0883 23.2111L14.7133 32.6781C14.6551 32.8405 14.6478 33.0167 14.6923 33.1834C14.7368 33.3501 14.831 33.4992 14.9624 33.611C15.0938 33.7228 15.2561 33.7919 15.4277 33.8092C15.5994 33.8264 15.7722 33.791 15.9232 33.7076L33.8489 23.6675C33.9816 23.594 34.0922 23.4864 34.1693 23.3558C34.2463 23.2251 34.2869 23.0762 34.2869 22.9245C34.2869 22.7729 34.2463 22.624 34.1693 22.4933C34.0922 22.3627 33.9816 22.255 33.8489 22.1816V22.1816Z" stroke="white" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
|
||||
<path d="M18.1943 22.9248H24.9868" stroke="white" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
|
||||
</svg>
|
||||
);
|
||||
}
|
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue
Block a user