mirror of
https://github.com/Shchoholiev/shopping-assistant-web-client.git
synced 2025-04-04 16:49:36 +00:00
add product to cart + changed png to svg
This commit is contained in:
AndriiSyrotenko
parent
5085187cbd
commit
b5aac08ce5
@ -26,8 +26,8 @@
|
||||
<img src="@image" class="slider-image" alt="product image"/>
|
||||
}
|
||||
}
|
||||
<img class="next-image" src="/images/next-image.png" alt="next image" @onclick="(() => ShowNextImage(currentImage))"/>
|
||||
<img class="prev-image" src="/images/prev-image.png" alt="previous image" @onclick="(() => ShowPreviousImage(currentImage))"/>
|
||||
<img class="next-image" src="/images/next-image.svg" alt="next image" @onclick="(() => ShowNextImage(currentImage))"/>
|
||||
<img class="prev-image" src="/images/prev-image.svg" alt="previous image" @onclick="(() => ShowPreviousImage(currentImage))"/>
|
||||
}
|
||||
else
|
||||
{
|
||||
@ -55,15 +55,15 @@
|
||||
}
|
||||
@for(int i = 0; i < 5; i++) {
|
||||
if(i < whole) {
|
||||
<img class="star" src="/images/star-cards.png" alt="star">
|
||||
<img class="star" src="/images/star-cards.svg" alt="star">
|
||||
continue;
|
||||
}
|
||||
if(fractal != 0.0) {
|
||||
<img class="star" src="/images/half-star.png" alt="star">
|
||||
<img class="star" src="/images/half-star.svg" alt="star">
|
||||
fractal -= fractal;
|
||||
}
|
||||
else {
|
||||
<img class="star" src="/images/empty-star.png" alt="star">
|
||||
<img class="star" src="/images/empty-star.svg" alt="star">
|
||||
}
|
||||
}
|
||||
<label class="price-label">@Products[currentProduct].Price</label>
|
||||
@ -72,9 +72,12 @@
|
||||
</div>
|
||||
<div class="buttons-container">
|
||||
<div class="buttons-row">
|
||||
<button class="cancel-button button-animation" @onclick="(() => LoadNextProduct())"></button>
|
||||
@{
|
||||
string[] type = {"cancel", "like"};
|
||||
}
|
||||
<button class="cancel-button button-animation" @onclick="(() => LoadNextProduct(type[0]))"></button>
|
||||
<button class="return-button button-animation" @onclick="(() => LoadPreviousProduct())"></button>
|
||||
<button class="like-button button-animation" @onclick="(() => LoadNextProduct())"></button>
|
||||
<button class="like-button button-animation" @onclick="(() => LoadNextProduct(type[1]))"></button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -87,7 +90,7 @@
|
||||
</style>
|
||||
<div class="card-text">
|
||||
<label class="bold-text">The cards ended</label>
|
||||
<label class="more-text">Click <img class="plus-image" src="/images/load-more-small.png" alt="plus"/> to see more<br> or <img src="/images/return-small.png" alt="return"/> to exit</label>
|
||||
<label class="more-text">Click <img class="plus-image" src="/images/load-more-small.svg" alt="plus"/> to see more<br> or <img src="/images/return-small.svg" alt="return"/> to exit</label>
|
||||
</div>
|
||||
<div class="buttons-container">
|
||||
<div class="buttons-row">
|
||||
|
||||
@ -24,32 +24,45 @@ public partial class Cards
|
||||
|
||||
private bool isProductsNull = false;
|
||||
|
||||
//private static string[] Images = {
|
||||
// "/images/return-card.png",
|
||||
// "/images/exit.png",
|
||||
// "/images/avatar.jpg"
|
||||
//};
|
||||
public List<Product> Products {get; set;} = new List<Product>();
|
||||
|
||||
//public List<Product> Products = new()
|
||||
//{
|
||||
// new Product {Id = "0", Url = "some link", Name = "Belkin USB C to VGA + Charge Adapter - USB C to VGA Cable for MacBook",
|
||||
// Description = "The USB C to VGA + Charge Adapter connects to your laptop or tablet via USB-C port, giving you both a VGA port for video display and a USB-C port for power", Rating = 3.8, Price = 120, ImagesUrls = Images, WasOpened = false, WishlistId = "0"},
|
||||
// new Product {Id = "1", Url = "some link", Name = "Second product",
|
||||
// Description = "Test description", Rating = 4.2, Price = 30, ImagesUrls = Images, WasOpened = false, WishlistId = "0"}
|
||||
//};
|
||||
public List<String> ProductsNames {get; set;}
|
||||
|
||||
public List<Product> Products {get; set;}
|
||||
//public List<String> productsNames {get; set;}
|
||||
private List<bool> isProductSaved { get; set; }
|
||||
|
||||
protected override async Task OnInitializedAsync()
|
||||
{
|
||||
if (Products != null) {
|
||||
if(Products[currentProduct].ImagesUrls.Length > 0) {
|
||||
ProductsNames = _searchService.Products;
|
||||
|
||||
if (ProductsNames != null && ProductsNames.Any())
|
||||
{
|
||||
|
||||
foreach (var productName in ProductsNames)
|
||||
{
|
||||
var newProduct = new Product
|
||||
{
|
||||
Id = "",
|
||||
Url = "link",
|
||||
Name = productName,
|
||||
Description = "",
|
||||
Rating = 0.0,
|
||||
Price = 0.0,
|
||||
ImagesUrls = new string[0],
|
||||
WasOpened = false,
|
||||
WishlistId = chatId
|
||||
};
|
||||
|
||||
Products.Add(newProduct);
|
||||
}
|
||||
|
||||
isProductSaved = new List<bool>(new bool[Products.Count]);
|
||||
}
|
||||
|
||||
if (Products[currentProduct].ImagesUrls.Length > 0)
|
||||
{
|
||||
currentImage = Products[currentProduct].ImagesUrls[currentIndex];
|
||||
}
|
||||
}
|
||||
else {
|
||||
//productsNames = _searchService.Products;
|
||||
currentImage = "";
|
||||
isProductsNull = true;
|
||||
}
|
||||
@ -86,17 +99,72 @@ public partial class Cards
|
||||
}
|
||||
}
|
||||
|
||||
private async void LoadNextProduct()
|
||||
private async void LoadNextProduct(string type)
|
||||
{
|
||||
if(type == "like" && isProductSaved[currentProduct] == false) {
|
||||
isProductSaved[currentProduct] = true;
|
||||
await AddProductToCart(Products[currentProduct]);
|
||||
}
|
||||
currentProduct += 1;
|
||||
StateHasChanged();
|
||||
}
|
||||
|
||||
private async void LoadPreviousProduct() {
|
||||
currentProduct -= 1;
|
||||
currentProduct = currentProduct == 0 ? 0 : --currentProduct;
|
||||
StateHasChanged();
|
||||
}
|
||||
|
||||
private async Task AddProductToCart(Product product) {
|
||||
try {
|
||||
var request = new GraphQLRequest {
|
||||
Query = @"mutation AddProductToPersonalWishlist($wishlistId: String!, $url: String!, $name: String!, $description: String!, $rating: Float!, $price: Float!, $imagesUrls: [String!]!, $wasOpened: Boolean!) {
|
||||
addProductToPersonalWishlist(
|
||||
wishlistId: $wishlistId
|
||||
dto: {
|
||||
url: $url
|
||||
name: $name
|
||||
description: $description
|
||||
rating: $rating
|
||||
price: $price
|
||||
imagesUrls: $imagesUrls
|
||||
wasOpened: $wasOpened
|
||||
}
|
||||
) {
|
||||
id
|
||||
url
|
||||
name
|
||||
description
|
||||
rating
|
||||
price
|
||||
imagesUrls
|
||||
wasOpened
|
||||
wishlistId
|
||||
}
|
||||
}",
|
||||
Variables = new {
|
||||
wishlistId = product.WishlistId,
|
||||
url = product.Url,
|
||||
name = product.Name,
|
||||
description = product.Description,
|
||||
rating = product.Rating,
|
||||
price = product.Price,
|
||||
imagesUrls = product.ImagesUrls,
|
||||
wasOpened = product.WasOpened
|
||||
}
|
||||
};
|
||||
|
||||
Console.WriteLine("Sending GraphQL request: " + request);
|
||||
|
||||
var response = await _apiClient.QueryAsync(request);
|
||||
var responseData = response.Data;
|
||||
|
||||
}
|
||||
catch(Exception ex)
|
||||
{
|
||||
Console.WriteLine($"Error in AddProductToCart: {ex}");
|
||||
}
|
||||
}
|
||||
|
||||
private void LoadMoreProducts() {
|
||||
|
||||
}
|
||||
|
||||
@ -21,15 +21,20 @@
|
||||
@if (Products.Count > 0) {
|
||||
@foreach (var product in Products) {
|
||||
<div class="product-div">
|
||||
@if(product.ImagesUrls != null && product.ImagesUrls.Length > 0) {
|
||||
<img class="product-img" src="@product.ImagesUrls[0]" alt="product image">
|
||||
<label class="product-description">@product.Description</label>
|
||||
}
|
||||
else {
|
||||
<img class="product-img" alt="product image">
|
||||
}
|
||||
<label class="product-description">@product.Name</label>
|
||||
<div class="button-row">
|
||||
<img class="star" src="/images/star.png" alt="star">
|
||||
<img class="star" src="/images/star.svg" alt="star">
|
||||
<label class="rating">@product.Rating</label>
|
||||
<label class="price-label">@product.Price</label>
|
||||
</div>
|
||||
<button class="button-amazon">
|
||||
<img src="/images/amazon.png" alt="amazon">
|
||||
<img src="/images/amazon.svg" alt="amazon">
|
||||
</button>
|
||||
</div>
|
||||
}
|
||||
|
||||
@ -31,7 +31,7 @@
|
||||
.back-button {
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
background-image: url("/images/back-button.png");
|
||||
background-image: url("/images/back-button.svg");
|
||||
background-size: cover;
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
|
||||
@ -164,7 +164,7 @@ public partial class Chat : ComponentBase
|
||||
}
|
||||
|
||||
}
|
||||
if(Products != null) {
|
||||
if(Products.Any()) {
|
||||
string n = name;
|
||||
_searchServise.SetProducts(Products);
|
||||
Products = null;
|
||||
|
||||
@ -55,7 +55,7 @@
|
||||
.back-button {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background-image: url("/images/back-button.png");
|
||||
background-image: url("/images/back-button.svg");
|
||||
background-size: cover;
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
@ -120,7 +120,7 @@
|
||||
.cancel-button {
|
||||
width: 25px !important;
|
||||
height: 25px !important;
|
||||
background-image: url("/images/cancel-button.png");
|
||||
background-image: url("/images/cancel-button.svg");
|
||||
background-size: cover;
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
@ -129,7 +129,7 @@
|
||||
.return-button {
|
||||
width: 25px !important;
|
||||
height: 25px !important;
|
||||
background-image: url("/images/return-card.png");
|
||||
background-image: url("/images/return-card.svg");
|
||||
background-size: cover;
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
@ -138,7 +138,7 @@
|
||||
.like-button {
|
||||
width: 25px !important;
|
||||
height: 25px !important;
|
||||
background-image: url("/images/like-button.png");
|
||||
background-image: url("/images/like-button.svg");
|
||||
background-size: cover;
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
@ -147,7 +147,7 @@
|
||||
.exit-button {
|
||||
width: 25px !important;
|
||||
height: 25px !important;
|
||||
background-image: url("/images/exit.png");
|
||||
background-image: url("/images/exit.svg");
|
||||
background-size: cover;
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
@ -156,7 +156,7 @@
|
||||
.more-button {
|
||||
width: 25px !important;
|
||||
height: 25px !important;
|
||||
background-image: url("/images/load-more.png");
|
||||
background-image: url("/images/load-more.svg");
|
||||
background-size: cover;
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
@ -276,7 +276,7 @@
|
||||
.cancel-button {
|
||||
width: 25px !important;
|
||||
height: 25px !important;
|
||||
background-image: url("/images/cancel-button.png");
|
||||
background-image: url("/images/cancel-button.svg");
|
||||
background-size: cover;
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
@ -285,7 +285,7 @@
|
||||
.return-button {
|
||||
width: 25px !important;
|
||||
height: 25px !important;
|
||||
background-image: url("/images/return-card.png");
|
||||
background-image: url("/images/return-card.svg");
|
||||
background-size: cover;
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
@ -294,7 +294,7 @@
|
||||
.like-button {
|
||||
width: 25px !important;
|
||||
height: 25px !important;
|
||||
background-image: url("/images/like-button.png");
|
||||
background-image: url("/images/like-button.svg");
|
||||
background-size: cover;
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
@ -303,7 +303,7 @@
|
||||
.exit-button {
|
||||
width: 25px !important;
|
||||
height: 25px !important;
|
||||
background-image: url("/images/exit.png");
|
||||
background-image: url("/images/exit.svg");
|
||||
background-size: cover;
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
@ -312,7 +312,7 @@
|
||||
.more-button {
|
||||
width: 25px !important;
|
||||
height: 25px !important;
|
||||
background-image: url("/images/load-more.png");
|
||||
background-image: url("/images/load-more.svg");
|
||||
background-size: cover;
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
@ -353,7 +353,7 @@
|
||||
.back-button {
|
||||
width: 15px !important;
|
||||
height: 15px !important;
|
||||
background-image: url("/images/back-button.png");
|
||||
background-image: url("/images/back-button.svg");
|
||||
background-size: cover;
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
@ -425,7 +425,7 @@
|
||||
.cancel-button {
|
||||
width: 20px !important;
|
||||
height: 20px !important;
|
||||
background-image: url("/images/cancel-button.png");
|
||||
background-image: url("/images/cancel-button.svg");
|
||||
background-size: cover;
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
@ -434,7 +434,7 @@
|
||||
.return-button {
|
||||
width: 20px !important;
|
||||
height: 20px !important;
|
||||
background-image: url("/images/return-card.png");
|
||||
background-image: url("/images/return-card.svg");
|
||||
background-size: cover;
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
@ -443,7 +443,7 @@
|
||||
.like-button {
|
||||
width: 20px !important;
|
||||
height: 20px !important;
|
||||
background-image: url("/images/like-button.png");
|
||||
background-image: url("/images/like-button.svg");
|
||||
background-size: cover;
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
@ -452,7 +452,7 @@
|
||||
.exit-button {
|
||||
width: 20px !important;
|
||||
height: 20px !important;
|
||||
background-image: url("/images/exit.png");
|
||||
background-image: url("/images/exit.svg");
|
||||
background-size: cover;
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
@ -461,7 +461,7 @@
|
||||
.more-button {
|
||||
width: 20px !important;
|
||||
height: 20px !important;
|
||||
background-image: url("/images/load-more.png");
|
||||
background-image: url("/images/load-more.svg");
|
||||
background-size: cover;
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
@ -662,7 +662,7 @@
|
||||
.cancel-button {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
background-image: url("/images/cancel-button.png");
|
||||
background-image: url("/images/cancel-button.svg");
|
||||
background-size: cover;
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
@ -671,7 +671,7 @@
|
||||
.return-button {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
background-image: url("/images/return-card.png");
|
||||
background-image: url("/images/return-card.svg");
|
||||
background-size: cover;
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
@ -680,7 +680,7 @@
|
||||
.like-button {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
background-image: url("/images/like-button.png");
|
||||
background-image: url("/images/like-button.svg");
|
||||
background-size: cover;
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
@ -689,7 +689,7 @@
|
||||
.exit-button {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
background-image: url("/images/exit.png");
|
||||
background-image: url("/images/exit.svg");
|
||||
background-size: cover;
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
@ -698,7 +698,7 @@
|
||||
.more-button {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
background-image: url("/images/load-more.png");
|
||||
background-image: url("/images/load-more.svg");
|
||||
background-size: cover;
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 546 B |
3
ShoppingAssistantWebClient.Web/wwwroot/images/amazon.svg
Normal file
3
ShoppingAssistantWebClient.Web/wwwroot/images/amazon.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 8.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 300 B |
@ -0,0 +1,3 @@
|
||||
<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M5.98125 3.7063L2.1875 7.50005L5.98125 11.2938M12.8125 7.50005H2.29375" stroke="#4E4E4E" stroke-opacity="0.4" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 311 B |
Binary file not shown.
|
Before Width: | Height: | Size: 367 B |
@ -0,0 +1,3 @@
|
||||
<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M19.1212 18.1293C19.3279 18.336 19.4441 18.6164 19.4441 18.9088C19.4441 19.2012 19.3279 19.4816 19.1212 19.6884C18.9144 19.8951 18.634 20.0113 18.3416 20.0113C18.0492 20.0113 17.7688 19.8951 17.562 19.6884L11.7392 13.8637L5.9145 19.6865C5.70774 19.8933 5.42733 20.0094 5.13494 20.0094C4.84254 20.0094 4.56213 19.8933 4.35538 19.6865C4.14862 19.4798 4.03247 19.1994 4.03247 18.907C4.03247 18.6146 4.14862 18.3342 4.35538 18.1274L10.1801 12.3046L4.35721 6.47987C4.15046 6.27311 4.03431 5.9927 4.03431 5.70031C4.03431 5.40791 4.15046 5.1275 4.35721 4.92075C4.56396 4.71399 4.84438 4.59784 5.13677 4.59784C5.42916 4.59784 5.70958 4.71399 5.91633 4.92075L11.7392 10.7454L17.5639 4.91983C17.7706 4.71308 18.051 4.59692 18.3434 4.59692C18.6358 4.59692 18.9162 4.71308 19.123 4.91983C19.3298 5.12658 19.4459 5.407 19.4459 5.69939C19.4459 5.99178 19.3298 6.2722 19.123 6.47895L13.2983 12.3046L19.1212 18.1293Z" fill="#0165FF"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.0 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 406 B |
10
ShoppingAssistantWebClient.Web/wwwroot/images/empty-star.svg
Normal file
10
ShoppingAssistantWebClient.Web/wwwroot/images/empty-star.svg
Normal file
@ -0,0 +1,10 @@
|
||||
<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_214_2998)">
|
||||
<path d="M8.15378 1.91065L9.11185 3.82679C9.2425 4.09353 9.59088 4.34937 9.88484 4.39837L11.6213 4.68688C12.7318 4.87196 12.9931 5.67761 12.1929 6.47237L10.8429 7.82238C10.6143 8.05101 10.4891 8.49194 10.5598 8.80766L10.9463 10.4788C11.2512 11.8016 10.549 12.3133 9.37858 11.622L7.75095 10.6585C7.457 10.4843 6.97252 10.4843 6.67313 10.6585L5.0455 11.622C3.88057 12.3133 3.17291 11.7962 3.47775 10.4788L3.86424 8.80766C3.93501 8.49194 3.8098 8.05101 3.58117 7.82238L2.23117 6.47237C1.4364 5.67761 1.69225 4.87196 2.80274 4.68688L4.53924 4.39837C4.82775 4.34937 5.17614 4.09353 5.30679 3.82679L6.26486 1.91065C6.78744 0.870929 7.63664 0.870929 8.15378 1.91065Z" stroke="#FFC700" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_214_2998">
|
||||
<rect width="13.0646" height="13.0646" fill="white" transform="translate(0.679688)"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.0 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 577 B |
3
ShoppingAssistantWebClient.Web/wwwroot/images/exit.svg
Normal file
3
ShoppingAssistantWebClient.Web/wwwroot/images/exit.svg
Normal file
@ -0,0 +1,3 @@
|
||||
<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M15 18.75L18.75 15M18.75 15L15 11.25M18.75 15H5M5 9.06V9C5 7.6 5 6.9 5.2725 6.365C5.5125 5.89375 5.89375 5.5125 6.365 5.2725C6.9 5 7.6 5 9 5H21C22.4 5 23.1 5 23.6337 5.2725C24.105 5.5125 24.4875 5.89375 24.7275 6.365C25 6.89875 25 7.59875 25 8.99625V21.005C25 22.4025 25 23.1013 24.7275 23.635C24.4874 24.1055 24.1045 24.4879 23.6337 24.7275C23.1 25 22.4012 25 21.0037 25H8.99625C7.59875 25 6.89875 25 6.365 24.7275C5.89462 24.4878 5.51218 24.1054 5.2725 23.635C5 23.1 5 22.4 5 21V20.9375" stroke="#0165FF" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 687 B |
Binary file not shown.
|
Before Width: | Height: | Size: 419 B |
@ -0,0 +1,9 @@
|
||||
<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M7.47409 1.91065L8.43216 3.82679C8.56281 4.09353 8.9112 4.34937 9.20515 4.39837L10.9417 4.68688C12.0521 4.87196 12.3134 5.67761 11.5132 6.47237L10.1632 7.82238C9.93459 8.05101 9.80939 8.49194 9.88015 8.80766L10.2666 10.4788C10.5715 11.8016 9.86927 12.3133 8.6989 11.622L7.07127 10.6585C6.77731 10.4843 6.29284 10.4843 5.99344 10.6585L4.36581 11.622C3.20088 12.3133 2.49322 11.7962 2.79806 10.4788L3.18455 8.80766C3.25532 8.49194 3.13012 8.05101 2.90149 7.82238L1.55148 6.47237C0.756716 5.67761 1.01256 4.87196 2.12305 4.68688L3.85956 4.39837C4.14807 4.34937 4.49645 4.09353 4.6271 3.82679L5.58517 1.91065C6.10775 0.870929 6.95695 0.870929 7.47409 1.91065Z" fill="url(#paint0_linear_554_62)" stroke="#FFC700" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_554_62" x1="1" y1="6" x2="12" y2="6" gradientUnits="userSpaceOnUse">
|
||||
<stop offset="0.53125" stop-color="#FFC700"/>
|
||||
<stop offset="0.557292" stop-color="#FFC700" stop-opacity="0"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 559 B |
@ -0,0 +1,10 @@
|
||||
<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_214_3002)">
|
||||
<path d="M12.4332 20.9231C12.1006 21.0405 11.5528 21.0405 11.2201 20.9231C8.38315 19.9546 2.04395 15.9143 2.04395 9.06644C2.04395 6.04358 4.47984 3.5979 7.48314 3.5979C9.26359 3.5979 10.8386 4.45878 11.8267 5.78923C12.3293 5.11019 12.9839 4.5583 13.7382 4.17776C14.4925 3.79723 15.3254 3.59864 16.1702 3.5979C19.1735 3.5979 21.6094 6.04358 21.6094 9.06644C21.6094 15.9143 15.2702 19.9546 12.4332 20.9231Z" stroke="#009FFF" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_214_3002">
|
||||
<rect width="23.4785" height="23.4785" fill="white" transform="translate(0.0874023 0.565186)"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 790 B |
Binary file not shown.
|
Before Width: | Height: | Size: 242 B |
@ -0,0 +1,3 @@
|
||||
<svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M2 6.33333H11.5333M6.76667 10.6667V2" stroke="#009FFF" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 235 B |
Binary file not shown.
|
Before Width: | Height: | Size: 387 B |
@ -0,0 +1,3 @@
|
||||
<svg width="26" height="24" viewBox="0 0 26 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M2 12H24M13 22V2" stroke="#009FFF" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 215 B |
Binary file not shown.
|
Before Width: | Height: | Size: 264 B |
@ -0,0 +1,3 @@
|
||||
<svg width="8" height="14" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M0.848506 0.5L6.99851 6.65C7.04634 6.69489 7.08446 6.74911 7.11052 6.80931C7.13658 6.8695 7.15002 6.9344 7.15002 7C7.15002 7.0656 7.13658 7.1305 7.11052 7.19069C7.08446 7.25089 7.04634 7.30511 6.99851 7.35L0.848506 13.5" stroke="#969696" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 397 B |
Binary file not shown.
|
Before Width: | Height: | Size: 242 B |
@ -0,0 +1,3 @@
|
||||
<svg width="8" height="14" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M7.15003 0.5L1.00003 6.65C0.952199 6.69489 0.914076 6.74911 0.888016 6.80931C0.861956 6.8695 0.848511 6.9344 0.848511 7C0.848511 7.0656 0.861956 7.1305 0.888016 7.19069C0.914076 7.25089 0.952199 7.30511 1.00003 7.35L7.15003 13.5" stroke="#969696" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 406 B |
Binary file not shown.
|
Before Width: | Height: | Size: 424 B |
@ -0,0 +1,4 @@
|
||||
<svg width="34" height="34" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M10.1008 25.9391H21.4342C25.3442 25.9391 28.5175 22.7658 28.5175 18.8558C28.5175 14.9458 25.3442 11.7725 21.4342 11.7725H5.85083" stroke="#202124" stroke-width="2.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M9.10909 15.3141L5.48242 11.6875L9.10909 8.06079" stroke="#202124" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 494 B |
Binary file not shown.
|
Before Width: | Height: | Size: 440 B |
@ -0,0 +1,9 @@
|
||||
<svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<rect width="15" height="14" fill="url(#pattern0)"/>
|
||||
<defs>
|
||||
<pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">
|
||||
<use xlink:href="#image0_214_3075" transform="matrix(0.0166667 0 0 0.0178571 0 -0.0357143)"/>
|
||||
</pattern>
|
||||
<image id="image0_214_3075" width="60" height="60" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMNSURBVHgB7ZpbbhoxFIZ/c0keqkp0BZ0dBFZQsgKyg04VkPKWdAWhKyh9qFSpjUp30K6g7QpCdjBdQXjoGy2n5wxNAoyxBxjsIfInDYyMDfxj+1xsA4FAIBAIlAaFdYmpgRpegNDg1hF8QBijghEmuMFQjddpml+wCK3iraogRomgKYb81seV+pWnfj7BMUWo4ztXjlBCCEgwRTuPaLvgkou9IxU9Qcs2xCuwUcVl2cUK6X/kKZejngGet6qO20w5Gw2l8HVK/FQ9wL/d5De5ouXPaIJnpl6uwUQdR5rShA7Rpvf5jMQuIHk5o0j9wTV3WWPhQ/EgwLdVbW1Duqn5sRE8ir3ng0qIR1mmnJYewBJmwbrGxILLgm5KWWIDu9F6ZATBCyiMc5XtEWbBVbZ2NCdQ7g80hmKPMAsWS1hDi63hIL0O2Wpva6F7dI4u3f6/LuGYmrUGi+bX1yiCLnU40hnMhTt96rKj+6TewBGujVbGr3PU1HfZ024FK/zQFjsU7VbwR/WTiMVpcCXavR/m+epTtJ/Aw6Nou5WeLe28zGQlxZBAk+KJ6F1Zb7Ngj6sdqegejXnev0OBmId0HR2fqx1qxbDfhpA8LDDBF8DPMo5AEpUVjHkO89oQndEx/qJjW0nYCIV41ZRJrbhzoyXMYulCDUcKux7XYgU/c1jEKr1B2qVYwb1gj2IFt4IlPfQoVvCeHgquxAre00OXYoU8sXTEtc7Te2K/eLXFEo+kh13qs3W+SL9OpWKL9wAG7LF0DdfqIXGI6ZSaW4mWTAlw1qPL2GPp+SxJ7is4wR6zyVbLLtJEZ4Tk4bFjFjxF1jj5OrmjQ2n8umUryCy4kt3956T8BKf0HL4RD6ILZAg3pmYbHXmgWY488rZXLKOMH7zSrLPZjjzYT/H06DNXirEHcEcMObh5ZapjN1qTdF8pQflJeGezb6tkFyyrHlUco9yiEzpAO8/OZj63JNumLDodMiVD/hM9QSvvNq59Di9zwQvzv9k6Khx5i7rEXYr7ecrZ12C9w6WBQCAQCJSIf2m1DAUzZKtKAAAAAElFTkSuQmCC"/>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 348 B |
10
ShoppingAssistantWebClient.Web/wwwroot/images/star-cards.svg
Normal file
10
ShoppingAssistantWebClient.Web/wwwroot/images/star-cards.svg
Normal file
@ -0,0 +1,10 @@
|
||||
<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_214_2996)">
|
||||
<path d="M7.65109 1.91065L8.60916 3.82679C8.73981 4.09353 9.0882 4.34937 9.38215 4.39837L11.1187 4.68688C12.2291 4.87196 12.4904 5.67761 11.6902 6.47237L10.3402 7.82238C10.1116 8.05101 9.98639 8.49194 10.0572 8.80766L10.4436 10.4788C10.7485 11.8016 10.0463 12.3133 8.8759 11.622L7.24827 10.6585C6.95432 10.4843 6.46984 10.4843 6.17044 10.6585L4.54281 11.622C3.37788 12.3133 2.67022 11.7962 2.97506 10.4788L3.36155 8.80766C3.43232 8.49194 3.30712 8.05101 3.07849 7.82238L1.72848 6.47237C0.933718 5.67761 1.18957 4.87196 2.30006 4.68688L4.03656 4.39837C4.32507 4.34937 4.67346 4.09353 4.8041 3.82679L5.76217 1.91065C6.28476 0.870929 7.13395 0.870929 7.65109 1.91065Z" fill="#FFC700" stroke="#FFC700" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_214_2996">
|
||||
<rect width="13.0646" height="13.0646" fill="white" transform="translate(0.177002)"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.0 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 249 B |
10
ShoppingAssistantWebClient.Web/wwwroot/images/star.svg
Normal file
10
ShoppingAssistantWebClient.Web/wwwroot/images/star.svg
Normal file
@ -0,0 +1,10 @@
|
||||
<svg width="9" height="9" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_204_862)">
|
||||
<path d="M5.14878 1.31624L5.80878 2.63624C5.89878 2.81999 6.13878 2.99624 6.34128 3.02999L7.53753 3.22874C8.30253 3.35624 8.48253 3.91124 7.93128 4.45874L7.00128 5.38874C6.84378 5.54624 6.75753 5.84999 6.80628 6.06749L7.07253 7.21874C7.28253 8.12999 6.79878 8.48249 5.99253 8.00624L4.87128 7.34249C4.66878 7.22249 4.33503 7.22249 4.12878 7.34249L3.00753 8.00624C2.20503 8.48249 1.71753 8.12624 1.92753 7.21874L2.19378 6.06749C2.24253 5.84999 2.15628 5.54624 1.99878 5.38874L1.06878 4.45874C0.521277 3.91124 0.697527 3.35624 1.46253 3.22874L2.65878 3.02999C2.85753 2.99624 3.09753 2.81999 3.18753 2.63624L3.84753 1.31624C4.20753 0.59999 4.79253 0.59999 5.14878 1.31624Z" fill="#FFC700" stroke="#FFC700" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_204_862">
|
||||
<rect width="9" height="9" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1009 B |
Loading…
Reference in New Issue
Block a user