Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[IOBP-173] Add success pictrogram #39

Merged
merged 1 commit into from
Aug 3, 2023
Merged

[IOBP-173] Add success pictrogram #39

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
60 changes: 31 additions & 29 deletions src/components/pictograms/Pictogram.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,44 +2,45 @@ import React from "react";
import { ColorValue } from "react-native";
import { IOColors } from "../../core/IOColors";

import PictogramAbacus from "./svg/PictogramAbacus";
import PictogramAirBaloon from "./svg/PictogramAirBaloon";
import PictogramHeart from "./svg/PictogramHeart";
import PictogramAirship from "./svg/PictogramAirship";
import PictogramAttention from "./svg/PictogramAttention";
import PictogramBaloons from "./svg/PictogramBaloons";
import PictogramBeerMug from "./svg/PictogramBeerMug";
import PictogramCameraRequest from "./svg/PictogramCameraRequest";
import PictogramCompleted from "./svg/PictogramCompleted";
import PictogramEmailValidation from "./svg/PictogramEmailValidation";
import PictogramDonation from "./svg/PictogramDonation";
import PictogramEmailToValidate from "./svg/PictogramEmailToValidate";
import PictogramAbacus from "./svg/PictogramAbacus";
import PictogramPiggyBank from "./svg/PictogramPiggyBank";
import PictogramProcessing from "./svg/PictogramProcessing";
import PictogramBaloons from "./svg/PictogramBaloons";
import PictogramPlaces from "./svg/PictogramPlaces";
import PictogramNotAvailable from "./svg/PictogramNotAvailable";
import PictogramAirship from "./svg/PictogramAirship";
import PictogramSearch from "./svg/PictogramSearch";
import PictogramUnrecognized from "./svg/PictogramUnrecognized";
import PictogramEmailValidation from "./svg/PictogramEmailValidation";
import PictogramEmptyArchive from "./svg/PictogramEmptyArchive";
import PictogramError from "./svg/PictogramError";
import PictogramUmbrella from "./svg/PictogramUmbrella";
import PictogramInProgress from "./svg/PictogramInProgress";
import PictogramFeedback from "./svg/PictogramFeedback";
import PictogramFireworks from "./svg/PictogramFireworks";
import PictogramPuzzle from "./svg/PictogramPuzzle";
import PictogramQuestion from "./svg/PictogramQuestion";
import PictogramPin from "./svg/PictogramPin";
import PictogramTimeout from "./svg/PictogramTimeout";
import PictogramUploadFile from "./svg/PictogramUploadFile";
import PictogramFollowMessage from "./svg/PictogramFollowMessage";
import PictogramHeart from "./svg/PictogramHeart";
import PictogramHourglass from "./svg/PictogramHourglass";
import PictogramTeaBreak from "./svg/PictogramTeaBreak";
import PictogramSms from "./svg/PictogramSms";
import PictogramInbox from "./svg/PictogramInbox";
import PictogramBeerMug from "./svg/PictogramBeerMug";
import PictogramIBANCard from "./svg/PictogramIBANCard";
import PictogramFollowMessage from "./svg/PictogramFollowMessage";
import PictogramInProgress from "./svg/PictogramInProgress";
import PictogramInbox from "./svg/PictogramInbox";
import PictogramManual from "./svg/PictogramManual";
import PictogramNotAvailable from "./svg/PictogramNotAvailable";
import PictogramPiggyBank from "./svg/PictogramPiggyBank";
import PictogramPin from "./svg/PictogramPin";
import PictogramPlaces from "./svg/PictogramPlaces";
import PictogramProcessing from "./svg/PictogramProcessing";
import PictogramPuzzle from "./svg/PictogramPuzzle";
import PictogramQuestion from "./svg/PictogramQuestion";
import PictogramSearch from "./svg/PictogramSearch";
import PictogramSetup from "./svg/PictogramSetup";
import PictogramDonation from "./svg/PictogramDonation";
import PictogramAttention from "./svg/PictogramAttention";
import PictogramEmptyArchive from "./svg/PictogramEmptyArchive";
import PictogramSms from "./svg/PictogramSms";
import PictogramTeaBreak from "./svg/PictogramTeaBreak";
import PictogramTimeout from "./svg/PictogramTimeout";
import PictogramUmbrella from "./svg/PictogramUmbrella";
import PictogramUmbrellaNew from "./svg/PictogramUmbrellaNew";
import PictogramFeedback from "./svg/PictogramFeedback";
import PictogramCameraRequest from "./svg/PictogramCameraRequest";
import PictogramUnrecognized from "./svg/PictogramUnrecognized";
import PictogramUploadFile from "./svg/PictogramUploadFile";
import PictrogramSuccess from "./svg/PictrogramSuccess";

export const IOPictograms = {
airBaloon: PictogramAirBaloon,
Expand Down Expand Up @@ -79,7 +80,8 @@ export const IOPictograms = {
emptyArchive: PictogramEmptyArchive,
umbrellaNew: PictogramUmbrellaNew,
feedback: PictogramFeedback,
cameraRequest: PictogramCameraRequest
cameraRequest: PictogramCameraRequest,
success: PictrogramSuccess
};

export type IOPictograms = keyof typeof IOPictograms;
Expand Down
49 changes: 49 additions & 0 deletions src/components/pictograms/svg/PictrogramSuccess.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,49 @@
import React from "react";
import Svg, { Circle, ClipPath, Defs, G, Path, Rect } from "react-native-svg";
import { SVGPictogramProps } from "../Pictogram";

const PictogramSuccess = ({ size, color, ...props }: SVGPictogramProps) => (
<Svg width={size} height={size} viewBox="0 0 124 124" {...props}>
<G clip-path="url(#clip0_9323_4689)">
<Path
d="M57.5222 99.433C59.3522 99.433 60.7207 98.8733 61.6085 97.7578C63.8145 94.9833 61.8916 89.9179 61.8063 89.706L60.1082 90.4056C60.5618 91.581 61.4573 94.9793 60.1896 96.5665C59.4297 97.518 57.9099 97.7818 55.6613 97.3541C50.8733 96.4425 47.4965 92.1847 46.3838 88.6146C45.8488 86.8994 45.8798 85.3922 46.4613 84.7725L45.1432 83.4652C44.0538 84.6326 43.8677 86.7195 44.6392 89.1943C45.9108 93.2842 49.7994 98.1616 55.3279 99.2131C56.1188 99.361 56.8477 99.437 57.5184 99.437L57.5222 99.433Z"
fill="#0B3EE3"
/>
<Path
d="M59.348 90.3617C62.3721 90.3617 63.6592 89.2983 64.1865 88.2028C64.9774 86.5597 64.1438 84.4408 62.9187 83.4173L61.7672 84.8845C62.3565 85.3723 62.9342 86.5517 62.5465 87.3633C62.0425 88.4147 59.6078 89.0584 54.2886 87.7191C46.6472 85.7961 44.7824 80.3389 44.352 77.2605C44.1582 75.8572 44.4955 74.4899 45.2786 73.5024C46.1509 72.403 47.1124 72.2391 48.3996 72.9747L49.2874 71.3275C47.2326 70.1521 45.3096 70.5 43.8674 72.311C42.7586 73.7023 42.274 75.6093 42.5454 77.5323C43.0416 81.0825 45.174 87.3633 53.8583 89.5541C56.1379 90.1298 57.9368 90.3617 59.3519 90.3617H59.348Z"
fill="#0B3EE3"
/>
<Path
d="M62.3059 85.1124C62.7169 85.1124 63.1045 85.0685 63.469 84.9765C64.7135 84.6727 65.6905 83.8571 66.3767 82.5578C66.8497 81.6582 67.09 80.111 65.5431 77.8402C64.4266 76.201 62.4997 74.4379 60.4644 73.1026C62.2555 70.388 61.5034 67.7574 60.7745 66.6579C59.2276 64.2912 57.0953 63.1438 54.6141 63.3556C51.1093 63.6475 48.2481 66.7779 47.9651 70.6359C47.6549 74.8137 48.9847 78.0921 51.7994 80.115C56.5448 83.5213 59.8634 85.1084 62.3098 85.1084L62.3059 85.1124ZM54.9824 72.8148C57.103 72.8148 61.9027 75.7812 64.0466 78.9236C64.5002 79.5913 65.202 80.8346 64.7716 81.6542C64.3335 82.4898 63.7869 82.9615 63.0503 83.1415C61.1234 83.6132 57.7893 82.118 52.8462 78.5678C50.5588 76.9247 49.5275 74.306 49.7911 70.7798C50.0082 67.8373 52.1483 65.4546 54.7653 65.2347C56.6184 65.0788 58.0762 65.8943 59.2664 67.7174C59.3207 67.8054 60.538 69.7723 58.8748 72.1591C57.2116 71.2836 55.5988 70.7838 54.4241 70.9717L54.6993 72.8348C54.7885 72.8228 54.8854 72.8148 54.9862 72.8148H54.9824Z"
fill="#0B3EE3"
/>
<Path
d="M88.1897 80.003C95.5985 80.003 103.461 77.8641 107.078 76.1929L106.33 74.4738C103.542 75.7612 97.8471 77.3883 91.9309 77.916C87.1313 78.3438 80.5948 78.1999 76.7217 75.0815C74.1862 73.0426 71.7864 70.6878 71.3793 67.2935C70.6465 61.2286 67.607 56.555 64.5636 56.9029C61.148 57.2827 59.9113 65.7543 59.6128 68.341L61.4311 68.5649C61.9622 63.9592 63.4277 58.9258 64.7613 58.7779C66.2578 58.606 68.8903 61.9363 69.561 67.5294C70.0534 71.6153 72.8874 74.3939 75.5974 76.5727C78.7416 79.1034 83.3706 80.007 88.1936 80.007L88.1897 80.003Z"
fill="#0B3EE3"
/>
<Path
d="M97.598 106.433C107.43 106.433 117.211 103.371 124 93.9159L122.531 92.7925C104.282 118.191 62.5466 94.6315 62.1279 94.3917L61.2362 96.0388C61.5154 96.1987 79.6323 106.429 97.598 106.429V106.433Z"
fill="#0B3EE3"
/>
</G>
<Circle cx="25.0589" cy="44.6917" r="21.4417" fill="#AAEEEF" />
<Path
fillRule="evenodd"
clipRule="evenodd"
d="M36.2598 37.0147C36.6982 37.4552 36.6966 38.1678 36.2563 38.6064L22.4373 52.3704C21.9983 52.8076 21.2886 52.8076 20.8497 52.3704L13.2492 44.8002C12.8089 44.3616 12.8074 43.649 13.2458 43.2085C13.6842 42.7681 14.3965 42.7665 14.8369 43.2051L21.6435 49.9846L34.6687 37.0113C35.109 36.5727 35.8213 36.5742 36.2598 37.0147Z"
fill="#00C5CA"
/>
<Defs>
<ClipPath id="clip0_9323_4689">
<Rect
width="81.532"
height="49.5505"
fill="white"
transform="matrix(-1 0 0 1 124 56.8829)"
/>
</ClipPath>
</Defs>
</Svg>
);

export default PictogramSuccess;
35 changes: 35 additions & 0 deletions src/components/pictograms/svg/originals/PictogramSuccess.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.