diff --git a/database/initdb/0002.sh b/database/initdb/0002.sh
index ff99ebf..d4dd8ff 100755
--- a/database/initdb/0002.sh
+++ b/database/initdb/0002.sh
@@ -25,7 +25,7 @@ psql -v ON_ERROR_STOP=1 --username pero --password "pero.000" --dbname komponira
INSERT INTO public.products (id, name, description, image) VALUES (5, 'Kava', 'Kielbasa landjaeger sausage capicola sirloin filet mignon doner t-bone. Swine corned beef turkey hamburger flank pork chop capicola prosciutto venison shoulder strip steak jowl. Tongue pork salami biltong doner chislic andouille ball tip strip steak prosciutto.', 'kava.jpeg');
INSERT INTO public.products (id, name, description, image) VALUES (6, 'Kava s mlijekom', 'Shoulder bacon flank chuck jowl hamburger swine fatback shank shankle t-bone buffalo leberkas cow.', 'kava-s-mlijekom.jpeg');
INSERT INTO public.products (id, name, description, image) VALUES (7, 'Kava bez šećera', 'Pork pig prosciutto shoulder, landjaeger drumstick andouille filet mignon pork chop tri-tip bresaola tail.', 'kava-bez-secera.jpeg');
- INSERT INTO public.products (id, name, description, image) VALUES (8, 'Cappuccino', 'Fatback frankfurter jowl capicola. Buffalo short loin pancetta cow ball tip chicken. Pork loin biltong filet mignon rump t-bone kielbasa tail hamburger jowl pancetta andouille short loin.', 'cappucino.jpeg');
+ INSERT INTO public.products (id, name, description, image) VALUES (8, 'Cappuccino', 'Fatback frankfurter jowl capicola. Buffalo short loin pancetta cow ball tip chicken. Pork loin biltong filet mignon rump t-bone kielbasa tail hamburger jowl pancetta andouille short loin.', 'cappuccino.jpeg');
INSERT INTO public.products (id, name, description, image) VALUES (9, 'Mocca', 'Capicola salami shoulder tri-tip chicken meatball. Tail meatball filet mignon, landjaeger meatloaf sirloin strip steak chicken capicola picanha cow andouille rump shoulder. Chuck buffalo doner short ribs bacon ground round pancetta flank picanha pork loin.', 'mocca.jpeg');
INSERT INTO public.products (id, name, description, image) VALUES (10, 'Sendvič sa sirom', 'Ball tip beef ribs shank ground round t-bone, strip steak leberkas chuck beef pancetta burgdoggen biltong doner swine brisket. Pork chop tail cow filet mignon salami spare ribs pork belly boudin. ', 'sendvic-sa-sirom.jpeg');
INSERT INTO public.products (id, name, description, image) VALUES (11, 'Sendvič sa šunkom', 'Alcatra meatball filet mignon bresaola landjaeger, ham tenderloin chicken t-bone cow ham hock sausage fatback. Ground round cow ball tip ham venison beef ribs pork loin shank.', 'sendvic-sa-sunkom.jpeg');
diff --git a/frontend/public/static/products/.comments/coca-cola.jpeg.xml b/frontend/public/static/products/.comments/coca-cola.jpeg.xml
new file mode 100644
index 0000000..df16d26
--- /dev/null
+++ b/frontend/public/static/products/.comments/coca-cola.jpeg.xml
@@ -0,0 +1,7 @@
+
+
+ FILE PHOTO: Coca-cola soda is shown on display during a preview of a new Walmart Super Center prior to its opening in Compton, California,
+ FILE PHOTO: Coca-cola soda is shown on display during a preview of a new Walmart Super Center prior to its opening in Compton, California, U.S., January 10, 2017. REUTERS/Mike Blake/File Photo
+
+
+
diff --git a/frontend/public/static/products/cappuccino.jpeg b/frontend/public/static/products/cappuccino.jpeg
new file mode 100644
index 0000000..cc63a6d
Binary files /dev/null and b/frontend/public/static/products/cappuccino.jpeg differ
diff --git a/frontend/public/static/products/coca-cola.jpeg b/frontend/public/static/products/coca-cola.jpeg
new file mode 100644
index 0000000..5ad860e
Binary files /dev/null and b/frontend/public/static/products/coca-cola.jpeg differ
diff --git a/frontend/public/static/products/cockta.jpeg b/frontend/public/static/products/cockta.jpeg
new file mode 100644
index 0000000..02050cd
Binary files /dev/null and b/frontend/public/static/products/cockta.jpeg differ
diff --git a/frontend/public/static/products/fanta.jpeg b/frontend/public/static/products/fanta.jpeg
new file mode 100644
index 0000000..1a16947
Binary files /dev/null and b/frontend/public/static/products/fanta.jpeg differ
diff --git a/frontend/public/static/products/kava-bez-secera.jpeg b/frontend/public/static/products/kava-bez-secera.jpeg
new file mode 100644
index 0000000..1ae1a43
Binary files /dev/null and b/frontend/public/static/products/kava-bez-secera.jpeg differ
diff --git a/frontend/public/static/products/kava-s-mlijekom.jpeg b/frontend/public/static/products/kava-s-mlijekom.jpeg
new file mode 100644
index 0000000..656fa3c
Binary files /dev/null and b/frontend/public/static/products/kava-s-mlijekom.jpeg differ
diff --git a/frontend/public/static/products/kava.jpeg b/frontend/public/static/products/kava.jpeg
new file mode 100644
index 0000000..c4e3971
Binary files /dev/null and b/frontend/public/static/products/kava.jpeg differ
diff --git a/frontend/public/static/products/mocca.jpeg b/frontend/public/static/products/mocca.jpeg
new file mode 100644
index 0000000..1c592be
Binary files /dev/null and b/frontend/public/static/products/mocca.jpeg differ
diff --git a/frontend/public/static/products/pepsi.jpeg b/frontend/public/static/products/pepsi.jpeg
new file mode 100644
index 0000000..5dfbacd
Binary files /dev/null and b/frontend/public/static/products/pepsi.jpeg differ
diff --git a/frontend/public/static/products/sendvic-sa-sirom.jpeg b/frontend/public/static/products/sendvic-sa-sirom.jpeg
new file mode 100644
index 0000000..6ee3365
Binary files /dev/null and b/frontend/public/static/products/sendvic-sa-sirom.jpeg differ
diff --git a/frontend/public/static/products/sendvic-sa-sunkom.jpeg b/frontend/public/static/products/sendvic-sa-sunkom.jpeg
new file mode 100644
index 0000000..6d80383
Binary files /dev/null and b/frontend/public/static/products/sendvic-sa-sunkom.jpeg differ
diff --git a/frontend/public/static/products/vegetarijanski-sendvic-sa-sunkom.jpeg b/frontend/public/static/products/vegetarijanski-sendvic-sa-sunkom.jpeg
new file mode 100644
index 0000000..97ff204
Binary files /dev/null and b/frontend/public/static/products/vegetarijanski-sendvic-sa-sunkom.jpeg differ
diff --git a/frontend/src/components/ProductCard.js b/frontend/src/components/ProductCard.js
index 24eb95d..b8d7958 100644
--- a/frontend/src/components/ProductCard.js
+++ b/frontend/src/components/ProductCard.js
@@ -4,17 +4,15 @@ import CardContent from "@mui/material/CardContent";
import CardMedia from "@mui/material/CardMedia";
import Typography from "@mui/material/Typography";
import { CardActionArea } from "@mui/material";
+import { PRODUCT_IMAGE_DIR } from "../const";
function ProductCard({ product }) {
+ const productImg = `${PRODUCT_IMAGE_DIR}/${product.image}`;
+
return (
-
+
{product.name}
diff --git a/frontend/src/const.js b/frontend/src/const.js
index 5fdd378..6e46ebd 100644
--- a/frontend/src/const.js
+++ b/frontend/src/const.js
@@ -1 +1,2 @@
export const API_URL = process.env.REACT_APP_BACKEND_API_URL || "http://localhost:10000";
+export const PRODUCT_IMAGE_DIR = "/static/products/";